WebView中<div>中的滚动条不可见

Question

我有一个包含滚动区域的Html文件。当我将此HTML添加到WebView中时，它不会显示该div的滚动条。

我的Html文件中有代码。

// some Html code


<table style="border: 3px solid black;" align="center">
 <tr>
<td ><div style="width: 100%; height: 50px; overflow: auto;  padding:0px; "> <div>
  put returns between paragraphs
► for linebreak add 2 spaces at end
► _italic_ or **bold**
► indent code by 4 spaces
► backtick escapes `like _so_`
► quote by placing > at start of line
► to make links
<http://foo.com>
 [foo](http://foo.com)
► basic HTML also allowed

 </div></td>
</tr>
</table>

// some Html code

当我在XML文件中将此HTML文件添加到WebView中时。

XML代码如下：

// 一些HTML代码

<RelativeLayout
    android:id="@+id/webLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/buttonLayout"
    android:layout_below="@+id/titleLayout" >

    <WebView
        android:id="@+id/webViewMain"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </WebView>
</RelativeLayout>

// 一些Html代码

这段代码运行良好，但是在Html文件中添加的div没有显示滚动条。

- Anil Jadhav

---

你尝试过使用WebChromeClient吗？ - Kevin Qiu

Answer 1

使用overflow:auto滚动div在Android上目前不可用。但是您可以通过结合HTML、JavaScript和CSS来实现相同的效果。请参阅此链接获取详细信息。

另一个解决方案是使用iScroll库。

供您参考，这里有一个很好的比较，说明各种移动浏览器可能会或不会以及如何工作。

- Khan

---

我看到了比较，但我想要任何其他的解决方案。 - Anil Jadhav

我在上面的回答中已经提出了两种解决方法。你试过了吗？ - Khan

我看到你的回答，但我不想要滚动按钮。我想要正常可触摸和可滚动的视图，没有按钮。 - Anil Jadhav

Answer 2

这是一个Chromium中的错误。他们禁用了渲染滚动条，以便本地渲染的滚动条不会与浏览器滚动条冲突。但这禁用了所有滚动条的渲染。

修复这个问题显然是一件大事，因为WebView是向后兼容的。您可以前往并标记该错误，这将表明人们实际上希望修复它。

- RandomEngy