滾動容器
滾動容器是指一個元素框,其中內容可以滾動,無論是否顯示捲軸。當 CSS 的 overflow 屬性設定為 scroll,或者當 overflow 設定為 auto 且內容溢位容器時,使用者代理會向元素框新增捲軸,使其成為滾動容器。
當元素框的內容溢位其邊界框時,使用者可以使用捲軸滾動檢視那些原本被裁剪而隱藏的內容。
滾動容器包含一個視口和一個捲軸。
視口
視口是滾動容器的可見部分,與滾動容器的內邊距框(padding box)重合。捲軸用於將內容移入移出視口,以便檢視內容。
另見
- 學習:溢位內容
- 滾動吸附,包括 滾動吸附容器
- CSS overflow 模組
- CSS overscroll behavior 模組
- CSS scroll snap 模組