Question

我制作了一个带有可滚动div的小网页。当我在浏览器中加载它时，它工作正常。但是当我在Android内部的webview中加载它时，它不会让我滚动div。是否有解决方法或我是否必须使用不同的设计？我说的是this等网站。

Answer 1

不幸的是，大多数当前的移动Webkit浏览器都不支持可滚动的div。 iScroll Javascript库是本机支持的一个很好的替代方案，它可以模拟真正的滚动：

http://cubiq.org/iscroll

从该页面上的项目说明中复制/粘贴：

溢出：滚动移动webkit。项目启动是因为webkit for iPhone没有提供本地方式来滚动固定大小（宽度/高度）div内的内容。所以基本上不可能有一个固定的页眉/页脚和滚动的中心区域。到现在为止。

3.3及更高版本支持Android＆gt; = 1.5。

Answer 2

您可以使用webkit的伪元素来自定义滚动条样式。

试试这个：

::-webkit-scrollbar {
    width: 12px;
}     

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}     

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

Answer 3

更新（因为这是“webkit scrollbar android”上的n°1搜索结果之一）：
我认为，从Honeycomb到Adobe支持overflow:scroll。当然，在iOS5 +和BlackBerry Playbook上也可以使用3.2+和跨平台我没有特别用webview测试它，但我认为它在本机浏览器中受支持，它也应该在webview中得到支持。

Android :: Webview删除了DIV的滚动条

3 个答案: