Fixed-sticky: a CSS position:sticky polyfill

CSS 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://flags setting. 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. Haven’t compared these to eachother yet, but they all look similar in result.

Elsewhere , , ,

2 Responses to Fixed-sticky: a CSS position:sticky polyfill

  1. Bob says:

    The CSS sticky spec is still in development at the moment and is subject to change. It is safer to implement a Javascript solution for now. I found one here that does the job: http://www.andrewlowndes.co.uk/blog/front-end/sticky-css-_-js-function

  2. Pingback: Scroll to the future – CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. | Bram.us

Leave a Reply

Your email address will not be published. Required fields are marked *