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