Skip to content Skip to sidebar Skip to footer

Android Webview Overflow Cannot Be Disabled

I have a local page in android webview, pages's html and body both has width:100%;height:100%;overflow:hidden; , and the #result-popup-wrap has the following css: #result-popup-wr

Solution 1:

Just for anyone who are suffering the same problem.

ADD position:relative to the <body> tag.

Apparently, this is a bug of WebView, on both Android and iOS. On chrome of PC version, page renders OK without body{position:relative;}, but in WebView, you can scroll the entire page, including the 'hidden' #result-popup-wrap.

click here to see demo , pay attention to the UPPER comment in css

Solution 2:

you can set body{position:fixed;top:0} to the body.

Post a Comment for "Android Webview Overflow Cannot Be Disabled"