Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8807

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

$
0
0

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

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

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

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

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

追記

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


Viewing all articles
Browse latest Browse all 8807

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>