滾動邊界
滾動邊界是指可滾動元素在特定方向(頂部或底部,或水平滾動的左/右)無法再進一步滾動的點。這通常是滾動視口的邊緣。
當滾動容器的內容在滾動方向上未超出容器大小時,該容器始終被認為處於其滾動邊界。這是因為沒有額外的可滾動內容。如果內容被阻止滾動(例如設定了overflow: hidden),則該元素不是滾動容器,因此沒有滾動邊界。
當用戶滾動內容達到滾動視口的滾動邊界時,可能會出現視覺效果(例如彈跳)或功能性操作(例如移動裝置上的下拉重新整理)。這種預設的瀏覽器行為稱為邊界預設操作。
例如,在移動裝置上,當頁面已位於頂部時向下拖動頁面會導致彈跳效果,有時還會觸發頁面重新整理。這種彈跳或重新整理就是邊界預設操作。
邊界預設操作可以是區域性或非區域性的。
-
區域性邊界預設操作是指在特定滾動區域的邊界處發生的操作,該操作侷限於該元素。此操作被認為是區域性的,因為它不影響任何祖先容器或網頁的其餘部分。
-
非區域性邊界預設操作是指當滾動容器達到其滾動邊界時,其影響超出了正在滾動的特定元素。一個例子是滾動鏈,其中一個元素達到滾動邊界會觸發父元素或祖先元素的滾動,甚至可能啟動頁面範圍的操作,例如導航。
另見
overscroll-behaviorCSS 屬性- CSS overflow 模組
- CSS overscroll behavior 模組
- CSS scroll snap 模組
- CSS 滾動錨定模組