Preview

See the right area of this page to see the preview.

Usage

<div class="fixed-area" data-offset="100">

</div>

Installation

<script src="themekit/scripts/sticky-kit.min.js"></script>

Settings

Name Type Description
Top offset Attribute Add the attribute data-offset="123" to the component to set the initial sticking position in pixels.
Parent Attribute Add the attribute data-parent="[CSS-SELECTOR]" to the component to maintian the fixed area correctly positionation on scroll. Replace [CSS-SELECTOR] with a class or id selectr. Ex. body > main.
Documentation
Global CSS
Global JS
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.