2012-07-10 70 views
5

我已经下载iScroll.js在我的PhoneGap项目之一即使用iScroll 4不能正常工作

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

它不会对正常的浏览器工作太多,但当我检查它开始元素工作精绝??不知道是什么问题...

+0

Scumbag Nishant Mahajan,添加一个超过一千个查看的问题。假设唯一的答案是_ do not not work_ before _i现在已经解决了问题......没有进一步的信息:P – 2013-01-25 18:43:42

+0

抱歉Scumbag,我忘了分享解决方案,但我一定会尽快做到这一点。 – 2013-03-21 06:20:58

+0

感谢Nishant Mahakan :) – 2013-03-21 16:38:51

回答

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

希望它帮助。

+0

对不起,它不工作....我已经尝试过... – 2012-07-10 13:35:24

+0

顺便说一下,当我检查任何浏览器中的元素时,它完美运行。 – 2012-07-10 13:36:22

+0

如果你想分享,我可以看到你的代码(HTML和CSS) – 2012-07-11 04:39:34

2

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