在WebView中的<div>中看不到滚动条

Question

我有包含滚动分区的Html文件.当我在WebView中添加此HTML时,它不会显示该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文件中的WebView中添加此Html文件时.

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的滚动条

Answer 1

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

另一个解决方案是，您可以使用iScroll库。

为了供您参考，这里对可能或不可能的内容以及在各种移动浏览器上的工作方式进行了很好的比较。