You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Sep 10, 2019. It is now read-only.
Hello and thanks for an awesome framework as always.
I'd like to suggest adding "position: fixed" to the HTML root element by default as a method to counter the overflow-scrolling behaviour experienced on iOS.
On an iOS touch device, the default overscroll behaviour will allow a menu-bar to be dragged out of position temporarily. The root overscroll can also create a number of secondary issues when scrolling in-page overflow content. In some contexts, scrolling to the bottom of the overflow content may trigger the HTML overflow scroll "bounce" behaviour.
I tried a number of techniques to stop the behaviour including overflow: hidden rules on HTML and body, JS methods like http://stackoverflow.com/questions/10546857/disable-ios-overscroll-but-allow-body-scrolling and a few github repos. The only consistent solution I found that did not create additional secondary issues was use of position: fixed on the html tag.
I'm unsure if there may be potential performance issues from use of position:fixed (I haven't seen any here) or if there may be other negatives? If not, I'd like to suggest adding position:fixed and backface-visibility: hidden; as a default style on the html tag.
The text was updated successfully, but these errors were encountered:
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Hello and thanks for an awesome framework as always.
I'd like to suggest adding "position: fixed" to the HTML root element by default as a method to counter the overflow-scrolling behaviour experienced on iOS.
On an iOS touch device, the default overscroll behaviour will allow a menu-bar to be dragged out of position temporarily. The root overscroll can also create a number of secondary issues when scrolling in-page overflow content. In some contexts, scrolling to the bottom of the overflow content may trigger the HTML overflow scroll "bounce" behaviour.
I tried a number of techniques to stop the behaviour including overflow: hidden rules on HTML and body, JS methods like http://stackoverflow.com/questions/10546857/disable-ios-overscroll-but-allow-body-scrolling and a few github repos. The only consistent solution I found that did not create additional secondary issues was use of position: fixed on the html tag.
I'm unsure if there may be potential performance issues from use of position:fixed (I haven't seen any here) or if there may be other negatives? If not, I'd like to suggest adding position:fixed and backface-visibility: hidden; as a default style on the html tag.
The text was updated successfully, but these errors were encountered: