Sticky

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


<div data-toggle="sticky">...</div>


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

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.


<div
    data-toggle="sticky"
    data-sticky-offset-top="150"
    data-sticky-bottom="false"
    data-sticky-disable-mobile="false"
>
...
</div>