0

我无法overflow: scroll在我的 LG Optimus Elite 上工作。

当我在我的桌面 (Chrome) 上加载它时,该网站可以正常运行,但我无法在我的 LG 上的 div 内滚动,即使它的溢出设置为scroll.

我很想在这里提供代码/示例,但它是专有的,因此不应该真的有必要。

我必须为绝对定位的 div 中的触摸屏滚动分配其他属性吗?

谢谢,再次抱歉含糊不清。

4

2 回答 2

1

LG Optimus Elite 默认运行 Android 2.3,其浏览器不支持 css 溢出属性。所以上面的代码确实不能在你的设备上运行。

对于 Android < 3.0 的设备,您可以使用 JS 库来解决这个问题,例如 iScroll、FTScroller、Overthrow ......但是它们在性能(JS polyfill)和没有“本机”的危险中都是有代价的感觉在您的设备上滚动(所谓的恐怖谷)。

于 2013-09-17T12:24:06.287 回答
0

不客气。

overflow:scroll在我的 ICS 中工作正常。在股票浏览器、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>
于 2013-07-19T02:29:59.903 回答