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