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

希望它有所帮助。

Answer 2

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

iScroll 4无法正常工作

2 个答案: