android - iScroll 4 无法正常工作

Question

我已经下载了 iScroll.js 并在我的一个 phonegap 项目中使用，即

<script type="application/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

它在普通浏览器上也不起作用，但是当我检查元素时它开始工作得非常好？？不知道问题是什么...

Answer 1

如何使用iScroll

1)需要防止标准触摸事件的默认行为。通过在您的 touchmove 事件中添加 preventDefault() 很容易做到这一点。

2) 在 DOMContentLoaded 或窗口加载时初始化 iScroll 对象。

将您的代码更改为，

    function loaded() {
        document.addEventListener('touchmove', function(e){ e.preventDefault(); });
        myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);

希望对您有所帮助。