【CSS】-webkit-overflow-scrolling: touchは必要ない

iPhone ITライフハック
この記事は約1分で読めます。
当ページはプロモーションが含まれています

「overflow」でハンバーガーメニューなどの要素内をスクロールさせると、iPhone などの safari で見た場合にスクロールがカクカクとスムーズにできなくなっていました。
そこで、iPhone などの safari でもスムーズな慣性スクロールという、スムーズなスクロールを実現できるように、「-webkit-overflow-scrolling: touch」を指定することが通例になっていたと思います。

ところが、この設定ですが iOS 13 以降の、現在の safariでは、「-webkit-overflow-scrolling: touch」はデフォルトで適用されるようになったため、これにより、「-webkit-overflow-scrolling: touch」の指定は不要になりました。

今までの癖で「-webkit-overflow-scrolling: touch」をしている方は、無くすようにしてみてはいかがでしょうか。

ITライフハック
スポンサーリンク
この記事を書いた人
みん

Rapls Works の名前で、WordPress のプラグインを作っている個人の開発者です。WordPress.org で公開しているものも含め、これまでに7本のプラグインを出しています。
Gift では、Mac・Windows・スマホ・AI・アカウントの守り方など、ふだんの「困った」を、自分の機器で実際に試して書いています。記事で紹介している Rapls のプラグインは、私が作ったものです。
技術的にもっと詳しい話は、Rapls Works のサイトに書いています。

みんをフォローする
みんをフォローする
スポンサーリンク
タイトルとURLをコピーしました