jQuery全屏滚动插件Scrollify

所属分类:UI-滚动

 28002  353  查看评论 (4)
分享到微信朋友圈
X
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'
    });
});
相关插件-滚动

锚点,可以扩展很多功能

锚点定位,代码实现简单,无依赖其它插件
  滚动
 23917  343

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 64330  483

jQuery元素滚动监听插件xRoll.js

xRoll.js 元素滚动监听插件 元素出现在窗口的时候在执行自定义的函数
  滚动
 24543  324

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 47715  375

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

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

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复