2025
2 featuresThe scrollbar-color CSS property sets the color of the scrollbar track and thumb.
2024
3 featuresThe scrollbar-gutter CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.
The scrollbar-width CSS property sets the width of the scrollbar.
Text fragments are URL fragments on the form #:~:text=snippet and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.
2022
1 featuresThe scroll-behavior CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation.
2020
3 featuresThe scroll() and scrollBy() methods change the scroll position of overflow content within an element. Similar to setting scrollTop and scrollLeft properties, but with options setting whether the scroll should animate smoothly or jump. Note that scrollTo() is an alias for scroll().
CSS scroll snap controls the panning and scrolling behavior within a scroll container.
The scrollIntoView() method scrolls an element's ancestor containers such that the element is visible to the user.
Limited Availability
9 featuresThe ::column CSS pseudo-element represents the individual columns of a multi-column layout container. Columns can only be styled with scroll snap CSS properties and can also have a ::scroll-marker pseudo-element, which scrolls to the column when activated.
The ::scroll-button(<dir>) CSS pseudo-element is a focusable button which scrolls its originating scroll container element in the specified direction.
The scroll(), scrollBy(), scrollTo(), and scrollIntoView() methods on the Element and Window interfaces return Promises that resolve when scrolling completes.
The scrollsnapchanging and scrollsnapchange events fire when a scroll gesture changes the selected scroll snap target.
The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.
The overflow-anchor CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported.
The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.
The scroll-initial-target: nearest CSS declaration sets the initial scroll position of its scroll container to the top of the element, much like scrolling to a URL fragment.
The container option of the scrollIntoView() method sets which ancestor scroll container to scroll. The "nearest" value scrolls only the nearest ancestor, instead of the default "all".