1. TOP
  2. Media
  3. CSS

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

CSS 公開 更新 Creatopia編集部

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

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があったりするのですが、不要なので削除しておきましょう。

Creatopia編集部株式会社Creatopia Web制作やWebマーケティング、グラフィックデザイン、システム開発でお困りなら、私たちにおまかせください!
この記事の内容、相談できる?

この記事のこと、相談できます。

相談・お見積もりは無料です。送った内容はスタッフが読み、3日以内にお返事します。