Sticky

Sticky-js

适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源：站长素材

Watch Star

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>

MIT License

Sticky