在iPad上滾動凍結（javascript）

我在javascript上開發iPad應用程序。我有一些div。這個div中的內容應該是可滾動的。我使用這個類添加滾動的DIV：在iPad上滾動凍結（javascript）

.scrollable { 
-webkit-overflow-scrolling: touch; 
overflow-y: scroll !important; 
-webkit-transform: translate3d(0, 0, 0); 
}

這樣工作在90％的情況下，但有時我嘗試滾動內容和什麼都沒有發生。我等了大約3秒鐘，然後重試 - 並滾動工作。我沒有任何可能導致此類行爲的解決方法的JavaScript代碼。

爲什麼這種行爲可以？

2014-03-12 Telary

哪個版本的iOS？我在iOS5上遇到類似的行爲。 – zvona

我們需要更多的代碼，比如HTML。 http://jsfiddle.net會很棒。 –

您可以動態加載該內容，或者這是靜態的。嘗試給''.scrollable' div分配'height'屬性。 – Era

你提到你是動態加載內容，但你的小提琴沒有那個動態內容加載發生，所以我不能用你的小提琴的叉子來回答，因爲我更喜歡。

不過，我最近剛做了一個非常類似的問題，發現如果在加載內容（時間是至關重要的）後，我設置任何滾動元素的使用-webkit-transform: translate3d(0,0,0);，似乎化解奇「凍結「行爲。

（在我的情況，我的動態內容加載與jQuery的$.get速記，所以我用了.then()運行這將每新的內容加載時間自動設置適當的CSS 的功能。）

讓我知道這是否有幫助。

來源

2015-03-31 21:10:21 frankrue

回答