framework7io / framework7-website

Framework7 website for contributing and offline usage

Home Page:http://framework7.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug] Kitchen Sink - iOS overscroll/bounce

SamuelScheit opened this issue · comments

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

RPReplay_Final1617620718.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/