scrollifyjQuery的插件实现滑到页面的下一个节点

scrollifyjQuery的插件实现滑到页面的下一个节点
有时我们需要做一个单页的描述产品的特征,而单页面的内容页是非常长,非常多,为了快速定位节点的产品特性,我们使用JS来监控用户轮事件,当用户触发滑动或使用手势滑动触摸屏,可定位到相应的节点。一个jQuery插件调用scrollify帮我们做。

scrollify需要结合jQuery 1.6 +和缓冲动画plug-ins.the基本结构的HTML如下:

scrollify

$(函数(){())
scrollify({美元。
节:节
});
});
以下是scrollify默认选项配置
scrollify({美元。
节:节
长度:部分名字
放松:easeoutexpo
scrollspeed:1100,
偏移量:0,
滚动条:真,
前:函数(){ },
之后:函数(){ }
});

选项解释:
节:节点部分选择器。

字段名:数据属性对应于每个节结。

放松:定义缓冲区动画。

偏移量:定义每个颜色节点的偏移量。

滚动:滚动条是否显示

前一个回调函数,在滚动开始之前触发。

之后:回调函数,当滚动完成时,触发器被触发。

scrollify还提供了方法调用,如:
美元。scrollify(移动
上面的代码可以直接对#名字节点。

以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部