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.
Position: sticky is included in Edge 16.
Jamie Pate commented
Jeff Yates commented
This isn't working right. Checkout this codepen in Chrome and in Edge.
In Edge, the content goes missing under the sticky content such that it cannot all be viewed, and the sticky element is position strangely in relation to its parent element.
Valentin Born commented
Behind as always … you can call it “Edge” all you want—but it's still IE, really!
we are in 2017 and table header row couldn't be easy to get position:fixed ! what a mess !!! please edge don't be always last and go ahead
Jim Lakey commented
Would love to see this in Edge.
Judah Gabriel Himango commented
This past week, Chrome shipped position:sticky. As of today, Chrome, Firefox, Safari, Opera, and iOS Safari all are shipping position:sticky.
Your turn, Microsoft.
I think that the best strategy is to support everything that other browsers such as Firefox and Chrome support - then Edge wouldn't be behind
Алексей Мичник commented
Maybe it's time to hurry up a little, or why Edge is called "modern" while it's always behind? I still offer my visitors to use modern browsers when they use Edge because of many nice things it is still incapable of.
Abdul Mcs commented
lovable features to missed
Luuk Lamers commented
As this is still a draft at W3C, I don't think this should be at the top of the lists
The correct url for the W3C spec is http://dev.w3.org/csswg/css-position/#sticky-pos