有时我们需要做一个单页的描述产品的特征,而单页面的内容页是非常长,非常多,为了快速定位节点的产品特性,我们使用JS来监控
用户轮事件,当用户触发滑动或使用手势滑动触摸屏,可定位到相应的节点。一个jQuery
插件调用scrollify帮我们做。
scrollify需要结合jQuery 1.6 +和缓冲
动画plug-ins.the基本结构的HTML如下:
scrollify
$(
函数(){())
scrollify({美元。
节:节
});
});
以下是scrollify
默认选项配置:
scrollify({美元。
节:节
长度:部分
名字 放松:easeoutexpo
scrollspeed:1100,
偏移量:0,
滚动条:真,
前:函数(){ },
之后:函数(){ }
});
选项解释:
节:节点部分选择器。
字段名:数据
属性对应于每个节结。
放松:定义缓冲区动画。
偏移量:定义每个颜色节点的偏移量。
滚动:滚动条是否
显示。
前一个回调函数,在滚动开始之前触发。
之后:回调函数,当滚动完成时,触发器被触发。
scrollify还提供了
方法调用,如:
美元。scrollify(移动
上面的代码可以直接对#名字节点。
以上是本文的全部内容,希望大家能喜欢。