cssでスクロールされすぎないようにする

Webサイトによっては画面トップでタッチパッドを２本指で上から下にタップすると白い領域が表示されちゃいます。

over scrollingって言うみたいですが最近になってやっと修正方法がわかりました。
フロントやってる人からすれば常識なんでしょうけれども、知らない悩んでしまうのでメモに残します。

対応策はcssをちょっと追加するだけ。

html{overflow:hidden;height:100%;}body{overflow:auto;height:100%;}

以上です。簡単ですね。
私はググったとき目から鱗でした。

追記

なぜかこのcssいれるとpagespeed insightsのスコアが上昇しました。
理由が分からない・・・