CSS position: sticky

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.

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.

Demo

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

Documentation

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

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

• Chrome for desktop release 56
• Chrome for Android release 56
• Android WebView release 56

Consensus & Standardization

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

Owner

• flackr@chromium.org

Last updated on 2017-11-22