Limited Availability
Scrolling
id: scroll-buttons
::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 and is missing in at least one major browser engine.
Desktop Browser Engine Support
Google Chrome
—
Unsupported
Mozilla Firefox
—
Unsupported
Apple Safari
—
Unsupported
Microsoft Edge
—
Unsupported
Mobile Browser Engine Support
Chrome Android
—
Firefox Android
—
Safari iOS
—
Specifications and References
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.next ↗
css.selectors.scroll-button.prev ↗
css.selectors.scroll-button.right ↗
css.selectors.scroll-button.star ↗
css.selectors.scroll-button.up ↗