非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

CSS-webkit-overflow-scrolling プロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。

初期値auto
適用対象スクロールするボックス
継承なし
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法における値の出現順

auto
「通常」のスクロールで、タッチパネルから指を離すとすぐにコンテンツはスクロールが停止します。
touch
惰性付きのスクロールで、コンテンツはスクロールのジェスチャーが終了し、タッチパネルから指を離した後もスクロールを続けます。スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによります。また、新しい重ね合わせコンテキストを生成します。

形式文法

auto | touch

-webkit-overflow-scrolling: touch; /* 惰性でスクロールさせる */

-webkit-overflow-scrolling: auto; /* 直ちにスクロールを止める */

仕様書

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 5Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,