我无法overflow: scroll
在我的 LG Optimus Elite 上工作。
当我在我的桌面 (Chrome) 上加载它时,该网站可以正常运行,但我无法在我的 LG 上的 div 内滚动,即使它的溢出设置为scroll.
我很想在这里提供代码/示例,但它是专有的,因此不应该真的有必要。
我必须为绝对定位的 div 中的触摸屏滚动分配其他属性吗?
谢谢,再次抱歉含糊不清。
LG Optimus Elite 默认运行 Android 2.3,其浏览器不支持 css 溢出属性。所以上面的代码确实不能在你的设备上运行。
对于 Android < 3.0 的设备,您可以使用 JS 库来解决这个问题,例如 iScroll、FTScroller、Overthrow ......但是它们在性能(JS polyfill)和没有“本机”的危险中都是有代价的感觉在您的设备上滚动(所谓的恐怖谷)。
不客气。
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>