CSS overscroll behavior
CSS 超出滾動行為模組提供了屬性來控制滾動容器的滾動位置達到滾動邊界時的行為。控制這個方面在嵌入式可滾動區域不應觸發父容器滾動的情況下特別有用。
在評論部落格時,你可能會注意到,如果你的評論超出了提供的<textarea>的長度,超出文字區域末尾的滾動會導致整個部落格滾動。這是因為達到可滾動區域的末尾,即滾動邊界,可能會導致其他內容或整個頁面滾動。這種連續滾動體驗稱為滾動鏈。
在元素內容大於其容器且overflow允許或預設滾動(例如在<textarea>中)的情況下,繼續滾動超出元素的滾動區域將觸發父元素或底層頁面的滾動。
相反,滾動瀏覽網站的條款和條件並在內容末尾啟用複選框時,可能不會強制頁面滾動或反彈(如在手機上)。此示例表明你可以控制超出滾動行為並防止滾動鏈。
此模組定義了超出滾動行為,使你能夠指定使用者滾動超出可滾動元素邊界時的操作。
參考
CSS 屬性
術語表
指南
- 學習:溢位內容
-
瞭解什麼是溢位以及如何管理它。
相關概念
-
scrollbarARIA 角色 -
包含塊概念
-
CSS overflow 模組
-
scroll-padding簡寫屬性scroll-snap-type屬性scroll-margin簡寫屬性scroll-snap-stop屬性scroll-snap-align屬性
-
CSSOM 檢視模組
規範
| 規範 |
|---|
| CSS Overscroll Behavior Module Level 1 |
另見
- CSS 滾動錨定模組
- CSS scroll snap 模組
- CSS 盒模型模組
- CSS 邏輯屬性和值模組