CSS overscroll-behavior-y 属性

定義と使用方法

overscroll-behavior-y 属性は、y 方向でスクロール範囲を超えたときに、要素のスクロールチェーンを閉じるかオーバースクロールフィードバックを無効にするために使用されます。

スクロールチェーンは、要素上でオーバースクロールが発生すると、親要素のスクロール行動が発生することを指します。これはデフォルトの行動です。

オーバースクロールフィードバックは、ユーザーがスクロール範囲を超えたときに提供されるフィードバックです。例えば、モバイルデバイスでは、ページのトップにスクロールしようとすると、ページのリフレッシュに伴う視覚的なフィードバックが通常あります。

例

スクロール可能な <div> 要素のスクロールチェーンを閉じます：

#yellowDiv {
  overscroll-behavior-y: contain;
}

実際に試してみてください

CSS 文法

overscroll-behavior-y: auto|contain|none|initial|inherit;

属性値

技術的詳細

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

* Microsoft Edge では、属性値 none が contain として処理されるのは不適切です。

相关页面

参考：CSS overscroll-behavior 属性

参考：CSS overscroll-behavior-block 属性

参考：CSS overscroll-behavior-inline 属性

参考：CSS overscroll-behavior-x 属性

参考：CSS scroll-behavior 属性

参考：CSS scroll-margin 属性

参考：CSS scroll-padding 属性

参考：CSS scroll-snap-align 属性