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 逻辑属性和值模块