2012-07-10 62 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。