scroll-behavior

The 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.

Baseline Status: Achieved Widely Available on Sep 14, 2024 (Cross-browser Newly Available since Mar 14, 2022).

Desktop Browser Engine Support

Google Chrome

61

Supported

Mozilla Firefox

36

Supported

Apple Safari

15.4

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

61

Firefox Android

36

Safari iOS

15.4

Specifications and References

Specification ↗ Can I Use (css-scroll-behavior) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.scroll-behavior ↗ css.properties.scroll-behavior.auto ↗ css.properties.scroll-behavior.smooth ↗