插件描述：和 fullPage.js 一样，Scrollify 也是一款基于 jQuery 的全屏滚动插件。跟 fullPage.js 相比，Scrollify 更加小巧，压缩后不足 4KB。但功能上不如 fullPage.js 强大，对移动设备的支持也不如 fullPage.js。不过对于一般的情况，Scrollify 是完全可以胜任的，它支持自定义锚链接、设置过度效果、偏移、是否显示滚动条、回调函数以及 fullPage.js 没有的局部滚动。
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'
});
});
PREVIOUS:
NEXT:
相关插件-滚动
jQuery美化滚动条插件mCustomScrollbar
mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义
滚动
讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
细嗅蔷薇 0
2017/10/23 0:49:52
非常感谢，但是演示网页中，对于智能手机横向和纵向都不太兼容，有解决办法吗
q1015450
2017/10/23 10:04:53
-
这款插件主要用于PC端的全屏滚动，对移动端兼容不好，建议用fullpage
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
