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

不要定义存在内容的内部 div 的高度和宽度。并在内容完全动态呈现后创建对象 iScroll。

Answer 2

如何使用 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);

希望它有所帮助。