Skip to main content Skip to docs navigation

Scroll Container

A scroll container is an element box in which content can be scrolled, whether or not scroll bars are present. A user agent adds scroll bars to an element box to make it a scroll container when the CSS overflow property is set to scroll or when overflow is set to auto and the content overflows the container.

On this page

Scroll container

When the content of an element box overflows its bounding box, users can use scroll bars to scroll through the clipped content that is otherwise hidden from view.

A scroll container includes a scrollport and scroll bars.

Scrollport

The scrollport is the visible part of a scroll container and coincides with the padding box of the scroll container. The scroll bars are used to move content in and out of the scrollport so that the content can be viewed.

Updated on April 20, 2024 by Datarist.