framework7-website icon indicating copy to clipboard operation
framework7-website copied to clipboard

[Bug] Kitchen Sink - iOS overscroll/bounce

Open samuelscheit opened this issue 4 years ago • 0 comments

As you can see in the video the whole website bounces and you can't scroll the inner content:

https://user-images.githubusercontent.com/34555296/113567875-baf18b80-960f-11eb-95c2-2fd6c8b250a0.mov

Only after you focus the inner content you can scroll it. You can prevent this by adding this css to https://github.com/framework7io/framework7/blob/master/kitchen-sink/core/css/app.css

html,
body {
  position: fixed;
  overflow: hidden;
}

Solution by: https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/

samuelscheit avatar Apr 05 '21 11:04 samuelscheit