スマホでスクロールがうまくできない!!対処法は簡単一行追加するだけ!
スマホサイトを作成していると、意外とよく起こるのが・・・
「スクロールがうまくできない!!」
という問題。
今回はこの対処法をご紹介します。一瞬で終わりますが…。
スマホでスクロールがカクカクしてしまう
そう、なぜか、普通に作ってたはずが、、、position:absoluteとか絶対値を使っているからなの…?わからない…わからないけど…
スクロールがうまくいなかい!!
カクカクしてしまう!!
ゆっくりしかスクロールできない!!
反応しない!!
そんなことが起きてしまうことが、多々ありました。
そんなときは、CSSに一行追加するだけ♪
横スクロールでも縦スクロールでも効きました。
body{ -webkit-overflow-scrolling: touch; }
こちら!!
該当箇所にこちらを追加するか、私はbodyに追加して直りました!!
意外と焦っていたんですが、一行で直るのってすごいですよね・・・。
ぜひお試しを!!