When I was doing the project yesterday, I encountered a strange problem.
The problem only comes with the browser on the Android phone. The problem cannot be reproduced with chrome adaptive debugging when simulating an Android browser.
There's no problem with Chrome online debugging under Android, only to reproduce the bug if Android comes with the browser kernel
This is very inconvenient for my debugging.
The bug is this:
The overflow property is invalidated if there is a overflow attribute on the parent class when the parent class is prosition:absolute/relative.
Like what
section{ position:relative; width:100%; Overflow-x: Hidden; OVERFLOW-Y: Scroll;} Section > div { position:absolute; left:100%; top:0;}
The div under the section here will still overflow under Android's own browser,
and causes the page to slide left and right.
The solution, then, is to write the overflow attribute to the Div.
The final resolved code:
section{ position:relative; width:100%; height:100%;} Section > div{ width:100%; height:100%; Position:absolute; top:0px; left:100%; OVERFLOW-Y: Scroll;}
This bug is very strange and is hereby filed for warning.
Bug that the Android system overflow invalid