`
- 浏览:
257904 次
-
参数详解
- section
- 节点部分选择器.
- sectionName
- 每一个section节点对应的data属性.
- easing
- 定义缓冲动画.
- offset
- 定义每个色彩tion节点的偏移量.
- scrollbars
- 是否显示滚动条.
- before
- 回调函数,滚动开始前触发.
- after
- 回调函数,滚动完成后触发.
-
在线实例
实例演示
使用方法
- <! doctype html>
- <html>
- <head>
- <script>
-
$(function() {
-
$.scrollify({
-
section : "section",
- });
- });
- </script>
- </head>
- <body>
- <section></section>
- <section></section>
- </body>
- </html
复制
-
$.scrollify({
-
section : "section",
-
sectionName : "section-name",
-
easing: "easeOutExpo",
-
scrollSpeed: 1100,
-
offset : 0,
-
scrollbars: true,
-
before:function() {},
-
after:function() {}
- });
复制
-
$.scrollify("move","#name");
复制
分享到：
相关推荐
jQuery Scrollify是一款强大的JavaScript库，专门用于实现鼠标滚轮控制的页面滚动效果。这款插件使得网页的滚动体验更加平滑、优雅，特别是在创建单页应用（Single Page Applications）或者设计全屏滚动网站时非常...
【scrollify鼠标滚动插件】是一种用于网页设计的JavaScript库，它改变了用户的滚动体验，将网页内容分段加载，使得用户在浏览时可以逐个查看页面的“视区”或部分，而不是传统的连续滚动。这一插件对于创建交互式、...
首先，jQuery.scrollify.js是一款专为全屏滚动设计的插件，它使得每个屏幕（或段落）在用户滚动鼠标时能够独立、平滑地切换，而不是传统的连续滚动。这种效果在现代网页设计中非常流行，常用于展示作品集、产品介绍...
jQuery Scrollify是一款强大的JavaScript库，专门用于创建流畅的页面滚动效果。它允许用户通过鼠标滚轮或触摸设备平滑地浏览网页内容，特别是在构建企业级网站时，这种效果能够提升用户体验，使页面导航更加平滑和...
在上述代码中，我们首先引入了jQuery库和`jquery.scrollify.js`插件，然后在`$(function() {...})`中初始化`$.scrollify`，设置`section`参数为需要滚动的section元素的CSS选择器。这样，当用户滚动鼠标滚轮时，页面...
7. scrollify.min.js - 可能是一个辅助的滚动处理库，与QietuScener.js配合使用，实现更流畅的滚动体验。 8. docs.js - 文档相关的JavaScript代码，可能包含了示例和交互功能。 通过这些文件，开发者可以快速搭建一...
- JQuery滚动效果涉及到页面内容的平滑滚动，如`.fullPage.js`、`OnePageScroll`和`jQuery.scrollify`。这些插件可以帮助实现全屏滚动、单页滚动或者固定定位的滚动导航，为用户提供更流畅的浏览体验。它们可以控制...