【问题标题】:iScroll 4 not working properlyiScroll 4 无法正常工作
【发布时间】:2014-03-06 05:17:14
【问题描述】:

我已经下载了 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,添加一个浏览量超过一千的问题。在说我现在已经解决了问题......之前说唯一的答案不起作用没有更多信息:P
  • 对不起,渣男,我忘了分享解决方案,但我一定会尽快做到的。
  • 感谢 Nishant Mahakan :)

标签: android cordova iscroll


【解决方案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);

希望对您有所帮助。

【讨论】:

  • 顺便说一句,当我在任何浏览器中检查元素时,它都能完美运行。
  • 如果你愿意分享,我可以看看你的代码(html和css)
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 2018-04-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-21
    • 2018-02-20
    • 2021-07-26
    • 2019-08-08
    • 2020-02-18
    相关资源
    最近更新 更多