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
        });
    });