Sticky

Sticky-Kit provides an easy way to attach elements to the page when the user scrolls so that the element is always visible..

Usage

HTML
JavaScript

<!-- Vendor Javascripts -->
<script src="../assets/vendor/sticky-kit/dist/sticky-kit.min.js"></script>

Attributes

  • data-sticky-offset-top: offsets the initial sticking position by of number of pixels, can be either negative or positive
  • data-sticky-bottom: boolean to control whether elements bottom out. Default value is true
  • data-sticky-disable-mobile: disable or enable sticky element on mobile. Default value is true, so disabled.
  • data-sticky-parent: the element will be the parent of the sticky item. Default is section.

For more Details see Sticky-Kit Documentation