jQuery的Scrollify插件实现滑动到页面下一节点_jquery_脚本之家

上述所述正是本文的全体内容了,希望我们能够赏识。

section:节点部分接收器.sectionName:每三个section节点对应的data属性.easing:定义缓冲动漫.offset:定义各个色彩tion节点的偏移量.scrollbars:是还是不是出示滚动条.before:回调函数,滚动起初前触发.after:回调函数,滚动完结后触发.

jQuery的Scrollify插件实现滑动到页面下一节点_jquery_脚本之家。一时候咱们须要做二个单页面介绍付加物特点,而单页面内容非常的多且页面非常短,为了神速稳固到付加物性状节点,大家运用js侦听客商滚轮事件,当顾客触发滚轮滑动恐怕利用手势触屏滑动时,就可以定位到对应的节点。一款jQuery插件叫Scrollify帮大家实现了。

以下是scrollify的暗许选项配置:

Scrollify需求jQuery
1.6+以致缓冲动漫easing插件协作来落到实处。HTML基本组织如下:

$.scrollify; 

Scrollify还提供了点子调用,如:

$.scrollify({ section : "section", sectionName : "section-name", easing: "easeOutExpo", scrollSpeed: 1100, offset : 0, scrollbars: true, before:function() {}, after:function; 

上述代码可以一贯滚动到#name的节点。

   scrollify      $ { $.scrollify({ section : "section", }); });       

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章