Sticky-js

Sticky-js is a library for sticky elements written in vanilla javascript. With this library you can easily set sticky elements on your website. It's also responsive.

Features

• Written in vanilla javascript, no dependencies needed
• Lightweight (minified: ~6.08kb, gzipped: ~1.67kb)
• It can be sticky to the entire page or to selected parent container
• No additional CSS needed

Install

npm install sticky-js

bower install sticky.js

Usage

Simply include

<script src="sticky.min.js"></script>

Then have element

<div class="selector">Sticky element</div>

Initialize with javascript

var sticky = new Sticky('.selector');

CommonJS

var Sticky = require('sticky-js');

var sticky = new Sticky('.selector');

Sticky to the nearest parent container with [data-sticky-container]

<div data-sticky-container>
    <div class="selector">Sticky element</div>
</div>

List of options available here.

Examples

MIT License