position: sticky is a new way to position elements and is conceptually similar to position: fixed. The difference is that a stickily positioned element behaves like position: relative within its parent, until a given offset threshold is met.

Demo

• https://ebidel.github.io/demos/sticky-position-event.html

Documentation

• https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning

Specification

Specification link

Status: Specification currently under development in a Working Group

Status in Chromium

Blink components: Blink>CSS

Implementation status: Enabled by default (tracking bug)

Consensus & Standardization

• Firefox: Shipped/Shipping
• Edge: Shipped/Shipping
• Safari: Shipped/Shipping
• Web Developers: Positive

Owner

• flackr@chromium.org

Comments

Removed in Blink http://src.chromium.org/viewvc/blink?view=revision&revision=177128 in Chrome 23. A new implementation has been enabled in 56.

Last updated on 2020-11-19