Closed matthewmcvickar closed 7 years ago
The latest version of Chrome as of 2017-02-10 has brought back position: sticky and it is enabled without flags.
position: sticky
position: sticky is back - making it easy to create elements that scroll normally until sticking to the top of the viewport.
See also:
It does work on display: inline-block as demonstrated here: https://jsfiddle.net/ng9jn5mf/6/
display: inline-block
It still does not work on <thead> or <tfoot> as also demonstrated here: https://jsfiddle.net/ng9jn5mf/6/
<thead>
<tfoot>
I also made the formatting of position: sticky consistent in the README (rather than position:sticky without a space between the property and the value).
position:sticky
FYI: Chrome 56 added support for position: sticky even for table elements. (https://developers.google.com/web/updates/2017/01/nic56)
The latest version of Chrome as of 2017-02-10 has brought back
position: sticky
and it is enabled without flags.See also:
It does work on
display: inline-block
as demonstrated here: https://jsfiddle.net/ng9jn5mf/6/It still does not work on
<thead>
or<tfoot>
as also demonstrated here: https://jsfiddle.net/ng9jn5mf/6/I also made the formatting of
position: sticky
consistent in the README (rather thanposition:sticky
without a space between the property and the value).