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.
Jonathan Sampson [MSFT]
shared this idea
Position: sticky is included in Edge 16.
14 comments
-
Ferdy Christant commented
This feature should not be marked as completed, because it is very buggy. Related issue here:
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15018231/ -
Anonymous
commented
Then why does it still not work?
-
Manish
commented
Position fixed breaks position sticky. See codepen for example: https://codepen.io/manish26/pen/QaExKv Firefox and Chrome does not have this issue
-
Rick Wolff
commented
It's not working correctly. It's flickering and keeps disappearing. And do not stick correctly on complex pages.
-
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!
-
Anonymous
commented
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.
-
Aleksey
commented
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
-
Asbjørn
commented
The correct url for the W3C spec is http://dev.w3.org/csswg/css-position/#sticky-pos