Sticky positioning

The position: sticky CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.

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

Desktop Browser Engine Support

Google Chrome

56

Supported

Mozilla Firefox

59

Supported

Apple Safari

13

Supported

Microsoft Edge

16

Supported

Mobile Browser Engine Support

Chrome Android

56

Firefox Android

59

Safari iOS

13

Specifications and References

Specification ↗ Can I Use (css-sticky) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.position.position_sticky_table_elements ↗ css.properties.position.sticky ↗