Ruby on Railsの練習でTwitterのようなサイトを作っているのですが、バウンズスクロールを無効にする方法がどうしてもわかりません。  
MacOS（Chrome等）ではバウンズスクロールを無効化出来たのですが、iPhoneでのバウンズスクロールがどうしても出来ません。

```

    html, body {
      overflow: hidden;
    }
    
```

で個別の要素に`height: 100%;` `overflow:
auto;`にするとバウンズスクロールは無効化出来たのですがこれだとSafariの下部と上部にあるバーがスクロールしても小さくならず常に上下にバーが表示されてしまうようになってしまいます。

TwitterをSafariで開くとバウンズスクロールはしないがスクロールするとちゃんと上下にあるバーが縮む様になっていました。  
Twitterのようにオーバースクロールを無効かつ上下のバーをスクロールしたときに縮むようにするにはどのようにしたら良いのでしょうか。

CSSなどに詳しい方教えていただけると幸いです。
CC BY-SA 4.0
2020-01-12T11:14:04.617
62189
2020-01-12T13:14:23.657
2020-01-12T13:14:23.657
3060
37422
question
html css iphone safari
iPhoneでのバウンススクロールを無効にするには