CSS 溢出行为
**CSS 滚动行为** 模块提供属性来控制滚动容器的滚动行为,当滚动位置到达滚动边界时。控制这方面在以下情况下特别有用:嵌套的滚动区域不应该触发父容器的滚动。
在评论博客时,您可能会注意到,如果您的评论超过了提供的<textarea>
的长度,则滚动到文本区域的末尾会导致整个博客滚动。这是因为滚动到可滚动区域的末尾(称为滚动边界)会导致滚动其他内容或整个页面。这种持续的滚动体验被称为滚动链接。
在元素的内容大于其容器并且overflow
允许或默认为滚动(例如在<textarea>
中)的情况下,继续滚动到元素的可滚动区域之外将启动父元素或底层页面的滚动。
相反,滚动浏览网站的条款和条件,并在到达内容的末尾以启用复选框时,可能不会强制页面滚动或反弹(如在手机上)。此示例表明您可以控制滚动行为并阻止滚动链接。
此模块定义了滚动行为,使您能够指定用户在滚动到可滚动元素边界之外时执行的操作。
参考
CSS 属性
术语表
指南
- CSS 构建块:溢出内容
-
了解什么是溢出以及如何管理溢出。
相关概念
scrollbar
ARIA 角色- 包含块 概念
- CSS 溢出 模块
- 滚动容器 和 视窗 术语表
- CSS 滚动捕捉 模块
scroll-padding
速记属性scroll-snap-type
属性scroll-margin
速记属性scroll-snap-stop
属性scroll-snap-align
属性
- CSSOM 视图 模块
规范
规范 |
---|
CSS 滚动行为模块 Level 1 |
另请参见
- CSS 盒模型 模块
- CSS 逻辑属性和值 模块
- CSS 滚动捕捉 模块
- 掌控您的滚动 - 自定义下拉刷新和溢出效果 在 developer.chrome.com 上 (2017)