iScroll5 应用到多个元素
iScroll5 入门 里介绍了 iScroll5 的常规用法。
绑定单个元素
<script type="text/javascript">
var myScroll = new IScroll('#wrapper');
</script>
那么 var myScroll = new IScroll('.wrapper');
是不是可以实现绑定多个元素呢?
实验发现并不是。文档中有这样的说明:
注意,iScroll 使用的是 querySelector 而不是 querySelectorAll,所以 iScroll 只会作用到选择器选中元素的第一个。如果你需要对多个对象使用 iScroll,你需要构建自己的循环机制。
但文档并没有给出具体 demo。
可以使用多个 id 进行多次绑定。
或者遍历元素绑定:
$('.wrapper').each(function () {
myScroll = new IScroll(this, {
eventPassthrough : false,
scrollX : true,
scrollY : false,
preventDefault : true,
click:false
});
});
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »