檢測使用JavaScript內滾動android的

Question

可能重複：
Scrollable content inside an HTML does not scroll in android emulator or phone

我有兩個div嵌套，並具有滾動條也。它在瀏覽器中正常工作，但是在觸摸設備中使用它時，外滾動只起作用，但內滾動不起作用。

<div id='parentscroll' style='overflow: auto;height: 100px'> 
    something 
    <div id='innerscroll' style='overflow: auto;height: 50px'> 
    something 
    </div> 
</div> 

上面是我的代碼我嘗試滾動內部元素，但父元素只在觸摸時滾動。

有什麼方法可以滾動內部內容嗎？

Answer 1

Android 3.0及更高版本支持overflow:，< 3.0這是另一回事。您可能會使用像iScroll這樣的polyfills獲得一些成功，但這確實是有代價的。在具有複雜佈局的網站上實施起來很困難，並且每次網站上的內容發生更改時都需要調用一種方法。內存使用也是一個問題：由於這些類型的polyfills，已經動力不足的設備性能可能會滯後。

Here is滾動DIV的比較在手機上

我認爲這將有助於你找到最佳的解決方案。我建議您使用iScroll或touchScroll解決您的問題。