CSS overscroll behavior

CSS 超出滚动行为模块提供了属性来控制滚动容器的滚动位置达到滚动边界时的行为。控制这个方面在嵌入式可滚动区域不应触发父容器滚动的情况下特别有用。

在评论博客时,你可能会注意到,如果你的评论超出了提供的<textarea>的长度,超出文本区域末尾的滚动会导致整个博客滚动。这是因为达到可滚动区域的末尾,即滚动边界,可能会导致其他内容或整个页面滚动。这种连续滚动体验称为滚动链

在元素内容大于其容器且overflow允许或默认滚动(例如在<textarea>中)的情况下,继续滚动超出元素的滚动区域将触发父元素或底层页面的滚动。

相反,滚动浏览网站的条款和条件并在内容末尾启用复选框时,可能不会强制页面滚动或反弹(如在手机上)。此示例表明你可以控制超出滚动行为并防止滚动链。

此模块定义了超出滚动行为,使你能够指定用户滚动超出可滚动元素边界时的操作。