Question

我无法让overflow: scroll使用我的LG Optimus Elite。

当我在桌面（Chrome）上加载网站时，该网站正常运行，但即使其溢出设置为scroll.

，我也无法在我的LG上的div内滚动

我很乐意在这里提供代码/示例，但它是专有的，对此不应该是必要的。

我是否需要为绝对定位的div中的触摸屏滚动分配一些其他属性？

谢谢，再次抱歉模糊不清。

Answer 1

LG Optimus Elite默认运行Android 2.3，其浏览器不支持css overflow属性。因此，上述代码确实无法在您的设备上运行。

您可以使用JS库来解决Android＆lt;设备的问题。 3.0，例如iScroll，FTScroller，Overthrow ......然而，它们的性能（JS polyfill）以及没有“本机”感觉在您的设备上滚动的危险（所谓的不可思议的山谷）。

Answer 2

欢迎你。

overflow:scroll在我的ICS中工作正常。库存浏览器上的Tested，Dolphin，Chrome和Firefox。不知道姜饼。请注意，没有滚动条（Chrome除外），您可以使用触摸屏拖动内容进行滚动，这是一个非常好的设计。

以下是测试中使用的页面：

<!DOCTYPE html>
<html>
<head>
<style>
div.container {
    position:relative;
}
div.overflow_scroll {
    position:absolute;
    top:5px;
    left:150px;
    overflow: scroll;
    width: 110px;
    height: 110px;
    background-color: lime
}
div.overflow_hidden {
    overflow: hidden;
    width: 110px;
    height: 110px;
    background-color: blue;
}
</style>
</head>

<body>
<div class="container">
    <div class="overflow_scroll">
        <p>overflow:scroll</p>
        An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph.         
    </div>
</div>
<p>overflow:hidden</p>
<div class="overflow_hidden">An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. 
</div>
</body>
</html>

溢出滚动无法在Android手机上运行

2 个答案: