同一页面上有多个iScroll元素

Question

我正在制作一个带有jQtouch和iScroll的移动网站.

我不想用iScroll获得多个可滚动区域,但只有列表适用于iScroll ...

我试过这个:

var scroll1, scroll2;
function loaded() {
   scroll1 = new iScroll('wrapper');
   scroll2 = new iScroll('list_wrapper');
}

但没有运气.任何人都有一个有效的解决方案？

我的HTML:

<div id="wrapper">
    <ul>
        <li><a href="#">Test</a></li>
    </ul>
</div>

<div id="list_wrapper">
    <ul>
        <li><a href="#">Test</a></li>
    </ul>
</div>

Answer 1

你的 html 看起来是正确的，

确保“已加载”函数也被调用。

像这样的东西：

document.addEventListener('DOMContentLoaded', loaded, false);

希望有帮助。