Limited Availability Scrolling

::scroll-button

The ::scroll-button(<dir>) CSS pseudo-element is a focusable button which scrolls its originating scroll container element in the specified direction.

Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Apr 4, 2025.

Desktop Browser Engine Support

Google Chrome

135

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

135

Supported

Mobile Browser Engine Support

Chrome Android

135

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.scroll-button ↗ css.selectors.scroll-button.block-end ↗ css.selectors.scroll-button.block-start ↗ css.selectors.scroll-button.down ↗ css.selectors.scroll-button.inline-end ↗ css.selectors.scroll-button.inline-start ↗ css.selectors.scroll-button.left ↗ css.selectors.scroll-button.right ↗ css.selectors.scroll-button.star ↗ css.selectors.scroll-button.up ↗