jQuery全屏滚动插件Scrollify

所属分类:UI-滚动

 5179  40  查看评论 (4)
jQuery全屏滚动插件Scrollify ie兼容9

jQuery Scrollify

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrollify.min.js"></script>

2、HTML

<div class="panel"></div>
<div class="panel"></div>
<div class="panel"></div>
<div class="panel"></div>

3、JavaScript

$(function() {
    $('.panel').css({'height': $(window).height()});
    $.scrollify({
        section: '.panel'
    });
});
相关插件-滚动

jQuery滚动收缩导航

jQuery滚动收缩导航
  滚动
 14337  72

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 17096  103

滚动条

可定制的滚动条,通过js+css实现
  滚动
 25934  52
  滚动
 11381  153

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    细嗅蔷薇 0
    2017/10/23 0:49:52

    非常感谢,但是演示网页中,对于智能手机横向和纵向都不太兼容,有解决办法吗

        q1015450
        2017/10/23 10:04:53
        这款插件主要用于PC端的全屏滚动,对移动端兼容不好,建议用fullpage
    回复
    顽皮 0
    2017/10/22 18:50:51

    6666,非常感谢

        q1015450
        2017/10/22 21:52:39

        工作中用的插件,做了一下整理,希望可以帮到你们

    回复
取消回复