android webview overflow无法禁用

时间：2015-02-10 03:36:42

标签： android webview overflow

remote debug screencast

我在android webview中有一个本地页面，页面html和body都有width:100%;height:100%;overflow:hidden;，#result-popup-wrap有以下css：

#result-popup-wrap {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 245px;
background: #fbfbfb;
border-top: 1px solid #dcd9d5;
-webkit-transform: translateY(100%);
}

但是，如您所见，当我滚动到页面底部时，我可以看到#result-popup-wrap，它不应该是可见的。

任何帮助表示赞赏！

2 个答案:

答案 0 :(得分：2)

只为遇到同样问题的人。

将position:relative添加到<body>代码。

显然，这是Android和iOS上的WebView的错误。在PC版的chrome上，页面在没有body{position:relative;}的情况下呈现正常，但在WebView中，您可以滚动整个页面，包括“隐藏的”#result-popup-wrap。

click here to see demo，关注css中的UPPER评论

答案 1 :(得分：2)

您可以将body{position:fixed;top:0}设置为正文。

相关问题
最新问题