滚动边界
滚动边界是指可滚动元素在特定方向(顶部或底部,或水平滚动的左/右)无法再进一步滚动的点。这通常是滚动视口的边缘。
当滚动容器的内容在滚动方向上未超出容器大小时,该容器始终被认为处于其滚动边界。这是因为没有额外的可滚动内容。如果内容被阻止滚动(例如设置了overflow: hidden),则该元素不是滚动容器,因此没有滚动边界。
当用户滚动内容达到滚动视口的滚动边界时,可能会出现视觉效果(例如弹跳)或功能性操作(例如移动设备上的下拉刷新)。这种默认的浏览器行为称为边界默认操作。
例如,在移动设备上,当页面已位于顶部时向下拖动页面会导致弹跳效果,有时还会触发页面刷新。这种弹跳或刷新就是边界默认操作。
边界默认操作可以是局部或非局部的。
-
局部边界默认操作是指在特定滚动区域的边界处发生的操作,该操作局限于该元素。此操作被认为是局部的,因为它不影响任何祖先容器或网页的其余部分。
-
非局部边界默认操作是指当滚动容器达到其滚动边界时,其影响超出了正在滚动的特定元素。一个例子是滚动链,其中一个元素达到滚动边界会触发父元素或祖先元素的滚动,甚至可能启动页面范围的操作,例如导航。
另见
overscroll-behaviorCSS 属性- CSS overflow 模块
- CSS overscroll behavior 模块
- CSS scroll snap 模块
- CSS 滚动锚定模块