滚动容器
滚动容器是指一个元素框,其中内容可以滚动,无论是否显示滚动条。当 CSS 的 overflow 属性设置为 scroll,或者当 overflow 设置为 auto 且内容溢出容器时,用户代理会向元素框添加滚动条,使其成为滚动容器。
当元素框的内容溢出其边界框时,用户可以使用滚动条滚动查看那些原本被裁剪而隐藏的内容。
滚动容器包含一个视口和一个滚动条。
视口
视口是滚动容器的可见部分,与滚动容器的内边距框(padding box)重合。滚动条用于将内容移入移出视口,以便查看内容。
另见
- 学习:溢出内容
- 滚动吸附,包括 滚动吸附容器
- CSS overflow 模块
- CSS overscroll behavior 模块
- CSS scroll snap 模块