jQuery全屏滚动插件Scrollify

所属分类:UI-滚动

 2592  28  查看评论 (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.mousewheel.js鼠标滚动插件

鼠标全屏滚动插件
  滚动
 9105  52

jQuery滚动触发动画

第一次加载时,滚动到相应位置时产生动画出现
  滚动
 5369  47

HTML5单页面全屏滚动特效

全屏滚动代码简单,非常适合新手。
  滚动
 15019  105

jQuery电商网站楼层滚动定位

jQuery电商网站楼层滚动定位
  滚动
 24682  278

讨论这个项目(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

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

    回复
取消回复