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

希望有帮助。