misallychan.com

雑記。はてブ、口コミ、WEBデザイン、アニメ・漫画についてとか。

スマホでスクロールがうまくできない!!対処法は簡単一行追加するだけ!

スマホサイトを作成していると、意外とよく起こるのが・・・


「スクロールがうまくできない!!」


という問題。
今回はこの対処法をご紹介します。一瞬で終わりますが…。

f:id:misallychan:20180703151329p:plain




スマホでスクロールがカクカクしてしまう

そう、なぜか、普通に作ってたはずが、、、position:absoluteとか絶対値を使っているからなの…?わからない…わからないけど…
スクロールがうまくいなかい!!
カクカクしてしまう!!
ゆっくりしかスクロールできない!!
反応しない!!


そんなことが起きてしまうことが、多々ありました。




そんなときは、CSSに一行追加するだけ♪

横スクロールでも縦スクロールでも効きました。

body{
  -webkit-overflow-scrolling: touch;
}



こちら!!
該当箇所にこちらを追加するか、私はbodyに追加して直りました!!





意外と焦っていたんですが、一行で直るのってすごいですよね・・・。
ぜひお試しを!!