canisoon

CSS position:sticky

92.89

CSS

Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.

Further reading:

  1. Can I use page for: CSS position:sticky
  2. HTML5Rocks
  3. MDN Web Docs - CSS position
  4. WebPlatform Docs
  5. Polyfill
  6. Another polyfill
  7. geddski article: Examples and Gotchas