position: sticky;is really in its infancy in terms of browser support. In stock browsers, it is currently only available in iOS 6. In Chrome it is locked behind a
chrome://flagssetting. Fixed-sticky is a polyfill to enabling this in browsers that don’t support it yet.
position: sticky; is one very handy addition to CSS, paving the cowpaths.
Fixed-Sticky (Github) →
Fixed-Sticky Demo →
Related: the aforementioned jQuery Sticky Objects and jQuery Stick’em. Whilst they look similar in result,
position: sticky; is the way to go.
Leave a comment