Stickybits – Lightweight Alternative to position:sticky Polyfills

Stickybits is a lightweight alternative to position: sticky polyfills that works perfectly for things like sticky headers.

Features:

  • it can add a CSS Sticky Class (.js-is-sticky) when position: sticky elements become active and a CSS Stuck Class (.js-is-stuck) when they become stuck.
  • it loosely mimics position: sticky to consistently stick elements vertically across multiple platforms
  • does not have the jumpiness that plugins that are built around position: fixed have because it tries to support position: sticky first.
  • in its simplest use case, a scroll event listener will not be used if position: sticky is supported.
  • it is super simple & lightweight
Related Post

Fixit jQuery plugin can be used to fix the element at a certain position when the webpage is scrolled and Read more

MakeFixed.js is a jQuery plugin to dynamically set up elements to be fixed during scroll. It's lightweight and allows callback Read more

Auto-hide sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same. Auto-hide Read more

A jQuery plugin to create sticky elements -- worrying how to keep your div at position you want, want to Read more

A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top Read more

ScrollFix is a jQuery plugin for making an element fixed when it goes out of view.

jQuery.positionSticky is a sticky positioning polyfill for jQuery. Support for display and float properties example and sidebar example included.

ScrollNaviJs is jQuery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of Read more

Go