スポンサーリンク

【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」をしている方は、無くすようにしてみてはいかがでしょうか。

タイトルとURLをコピーしました