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

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

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






scrollify







$(函数(){())
scrollify({美元。
节:节
});
});











以下是scrollify默认选项配置:


scrollify({美元。
节:节
长度:部分名字
放松:easeoutexpo
scrollspeed:1100,
偏移量:0,
滚动条:真,
前:函数(){ },
之后:函数(){ }
});




选项解释:



节:节点部分选择器。

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

放松:定义缓冲区动画。

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

滚动:滚动条是否显示。

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

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

scrollify还提供了方法调用,如:


美元。scrollify(移动



上面的代码可以直接对#名字节点。

以上是本文的全部内容,希望大家能喜欢。