overscroll-behavior-y

Baseline 已廣泛支援

此功能已成熟，並可在多種裝置和瀏覽器版本上執行。自 2022 年 9 月起，所有瀏覽器都已支援此功能。

overscroll-behavior-y CSS 屬性設定了當滾動區域的垂直邊界被觸及時的瀏覽器行為。

有關完整說明，請參閱 overscroll-behavior。

語法

css

/* Keyword values */
overscroll-behavior-y: auto; /* default */
overscroll-behavior-y: contain;
overscroll-behavior-y: none;

/* Global values */
overscroll-behavior-y: inherit;
overscroll-behavior-y: initial;
overscroll-behavior-y: revert;
overscroll-behavior-y: revert-layer;
overscroll-behavior-y: unset;

overscroll-behavior-y 屬性被指定為從以下值列表中選擇的關鍵字。

值

auto: 預設的滾動溢位行為正常發生。
contain: 在此值設定的元素內部，會觀察到預設的滾動溢位行為（例如，“彈跳”效果）。但是，在相鄰的滾動區域上不會發生滾動鏈；底層元素不會滾動。contain 值會停用原生的瀏覽器導航，包括垂直的下拉重新整理手勢和水平滑動導航。
none: 鄰近的滾動區域不會發生滾動連結，並且會阻止預設的滾動溢位行為。

正式定義

初始值	`auto`
應用於	非替換塊級元素和非替換行內塊元素
繼承性	否
計算值	同指定值
動畫型別	離散

正式語法

overscroll-behavior-y = 
  contain  |
  none     |
  auto

示例

阻止底層元素垂直滾動

css

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

有關完整示例和說明，請參閱 overscroll-behavior。

規範

規範
CSS Overscroll Behavior Module Level 1 # overscroll-behavior-longhands-physical

瀏覽器相容性

另見

幫助改進 MDN

瞭解如何貢獻

此頁面由 MDN 貢獻者最後修改於 2025 年 7 月 14 日。

在 GitHub 上檢視此頁面 • 報告此內容的問題