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>

这个问题不仅出现在普通的浏览器上，但是当我检查元素时，它开始完美地工作了？ 不知道问题出在哪里...

- Nishant Mahajan

---

卑鄙的Nishant Mahajan，在一个有超过一千次浏览的问题上增加一个问题。在说“我已经解决了这个问题……”之前，说唯一的答案“不起作用”，但没有提供更多信息:P - Simon Arnold

抱歉，我忘记分享解决方案了，但我肯定很快会做到的。 - Nishant Mahajan

感谢Nishant Mahakan :) - Simon Arnold

Answer 1

不要在包含内容的内部div中定义高度和宽度。在内容动态完全渲染后创建iScroll对象。

- Amit Agrawal

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

希望我的回答有所帮助。

- Melvin Joseph Mani

---

顺便提一下，当我在任何浏览器中检查元素时，它运行得非常完美。 - Nishant Mahajan

如果你愿意分享的话，我能看一下你的代码吗？（包括HTML和CSS） - Melvin Joseph Mani