检测使用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解决您的问题。