Download the PHP package levmyshkin/sticky-js without Composer
On this page you can find all versions of the php package levmyshkin/sticky-js. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download levmyshkin/sticky-js
More information about levmyshkin/sticky-js
Files in levmyshkin/sticky-js
Package sticky-js
Short Description Sticky-js is a library for sticky elements written in vanilla javascript
License MIT
Informations about the package sticky-js
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: ~7.0kb, gzipped: ~1.9kb)
- It can be sticky to the entire page or to selected parent container
- No additional CSS needed
Install
`
`
Usage
Simply include
Then have element
Initialize in javascript
Syntax
CommonJS
Examples
Multiple sticky elements with data-sticky-container and options
Methods
Update sticky, e.g. when parent container (data-sticky-container) change height
Destroy sticky element
Available options
| Option | Type | Default | Description |
|---|---|---|---|
| data-sticky-wrap | boolean | false | When it's true sticky element is wrapped in <span></span> which has sticky element dimensions. Prevents content from "jumping". |
| data-margin-top | number | 0 | Margin between page and sticky element when scrolled |
| data-sticky-for | number | 0 | Breakpoint which when is bigger than viewport width, sticky is activated and when is smaller, then sticky is destroyed |
| data-sticky-class | string | null | Class added to sticky element when it is stuck |
Development
Clone this repository and run
Browser Compatibility
Library is using ECMAScript 5 features.
- IE 9+
- Chrome 23+
- Firefox 21+
- Safari 6+
- Opera 15+
If you need this library working with older browsers you should use ECMAScript 5 polyfill.
Website
https://rgalus.github.io/sticky-js/