【CSS】-webkit-overflow-scrollingはもういらない

【CSS】-webkit-overflow-scrollingはもういらない
公開日: 2023/06/19
/
更新日: 2023/06/19
目次

CSSでスクロール要素につけていた-webkit-overflow-scrolling: touchですが、現在は不要となっています。

そもそも-webkitですが、これはWebKitエンジンを搭載した一部のモバイルブラウザ(主にiOSのSafari)で使用されるプロパティです。

-webkit-overflow-scrolling: touchによりスクロール操作を滑らかにできたのですが、現在のSafariのバージョンでは標準設定となっています。

-webkit-overflow-scrolling: touchとは

-webkit-overflow-scrollingプロパティには、2つの値が設定できます。

-webkit-overflow-scrollingの値

auto

通常のスクロール。
指を離すとすぐにスクロールが停止する。

touch

惰性付きのスクロール。
指を離した後もスクロールを続ける。
スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによる。

参考:-webkit-overflow-scrolling - CSS: カスケーディングスタイルシート | MDN

たまにスクロールができるサンプルコードに-webkit-overflow-scrolling: touchがあったりするのですが、不要なので削除しておきましょう。