Overflow:hidden not working on mobile browser
Try adding following line in your html
<meta name="viewport" content="width=device-width, height=device-height">
and test on your phone. Maybe this should help.
Android native browser doesn't update height on overflow auto when adding elements
OK I managed to fix this by forcing the view to repaint whenever I altered the DOM
$('<style></style>').appendTo($(document.body)).remove();
A horrible horrible fix, but it works...
The Android browser is the new IE6.
Overflow-x:hidden doesn't prevent content from overflowing in mobile browsers
Creating a site wrapper div inside the <body>
and applying the overflow-x:hidden
to the wrapper instead of the <body>
or <html>
fixed the issue.
It appears that browsers that parse the <meta name="viewport">
tag simply ignore overflow
attributes on the html
and body
tags.
Note: You may also need to add position: relative
to the wrapper div.
Related Topics
Firebase Retrieve Data Null Outside Method
Android Studio - Cannot Resolve Symbol 'Firebase'
How to Detect If Device Support Notch Display
How to Add Firebase-Admin to My Android Project
Sqlitedatabase Close() Function Causing Nullpointerexception When Multiple Threads
Android Webview Hardware Acceleration Artefact Workarounds
How to Parse JSON Array Without Any Object in Retrofit
Import .R Cannot Be Resolved When I Import Actionbarsherlock
Android/iOS - Custom Uri/Protocol Handling
How to Set Camera Image Orientation
How to Display List of Resource Drawables
A Pre-Populated Database Does Not Work at API 28 Throws "No Such Table" Exception
Captured Photo Orientation Is Changing in Android
Particular Title(Fetched from API) Using Searchview