Sticky positioning
Widely available
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.
To learn more, see
position at MDN.
Compatibility (view on caniuse.com)
- Chrome 56 Released on 2017-01-25
- Chrome Android 56 Released on 2017-02-01
- Edge 16 Released on 2017-10-17
- Firefox 59 Released on 2018-03-13
- Firefox for Android 59 Released on 2018-03-13
- Safari 13 Released on 2019-09-19
- Safari on iOS 13 Released on 2019-09-19