gpt4 book ai didi

android webview溢出无法禁用

转载 作者:太空宇宙 更新时间:2023-11-03 12:52:08 24 4
gpt4 key购买 nike

remote debug screencast

我在android webview中有一个本地页面,页面的htmlbody都有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,它不应该是可见的。

感谢任何帮助!

最佳答案

仅供遇到同样问题的人。

添加 position:relative<body>标签。

显然,这是 WebView 的一个错误,在 Android 和 iOS 上都是如此。在 PC 版的 chrome 上,页面呈现 OK 没有 body{position:relative;} ,但在 WebView 中,您可以滚动整个页面,包括“隐藏”#result-popup-wrap .

click here to see demo ,注意css中的UPPER注释

关于android webview溢出无法禁用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28423651/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com