We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

overscroll-behavior-y

CSS の overscroll-behavior-y プロパティは、 y 軸方向におけるブラウザーのスクロールが末端に来たときの振る舞い — スクロール範囲の末端に達したときに起こること — を制御することができます。

メモ: 全体的な説明は overscroll-behavior を参照してください。

/* キーワード値 */
overscroll-behavior: auto; /* 既定 */
overscroll-behavior: contain;
overscroll-behavior: none;

/* グローバル値 */
overflow: inherit;
overflow: initial;
overflow: unset;

初期値auto
適用対象非置換ブロックレベル要素と非置換インラインブロック要素
継承不可
メディアvisual
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

構文

overscroll-behavior-y プロパティは、次の値の一覧のうち一つのキーワードで指定します。

auto
スクロールの末端における既定の振る舞いが通常通りに発生します。
contain
この値が設定された要素の内部では、スクロールの末端における既定の振る舞いが見られますが、隣接するスクロール領域に対するスクロール連鎖はありません。例えば、基底となる要素はスクロールしません。
none
隣接するスクロール領域に対するスクロール連鎖はなく、スクロールの末端における既定の振る舞いが抑制されます。

形式文法

contain | none | auto

.messages {
  height: 220px;
  overflow: auto;
  overscroll-behavior-y: contain;
} 

完全な例と説明については、 overscroll-behavior を参照してください。

仕様書

仕様書 状態 備考
Unknown
overscroll-behavior-y の定義
不明  

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応63 なし59 なし50 ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応6363 なし5950 ? なし

関連情報

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

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