Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mebjas/jquery-sticky-elements
jquery plugin to create sticky elements -- experiment
https://github.com/mebjas/jquery-sticky-elements
experiment jquery jquery-plugin
Last synced: 2 months ago
JSON representation
jquery plugin to create sticky elements -- experiment
- Host: GitHub
- URL: https://github.com/mebjas/jquery-sticky-elements
- Owner: mebjas
- License: mit
- Created: 2014-07-29T17:38:40.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2020-03-01T12:29:38.000Z (almost 5 years ago)
- Last Synced: 2024-05-23T08:33:02.609Z (7 months ago)
- Topics: experiment, jquery, jquery-plugin
- Language: JavaScript
- Size: 90.8 KB
- Stars: 12
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.md
Awesome Lists containing this project
README
jQuery-sticky-elements
======================jquery plugin to create sticky elements -- worrying how to keep your `div`
at position you want, want to create rules for it to stay & hide, `jQuery-sticky-elements` is
made just for you.[View Demo](https://blog.minhazav.dev/research/jquery-sticky-elements)
**Screenshot**
![Screenshot](https://preview.ibb.co/cCzA07/Capture.png)=============
How to use
=============
Checkout the [demo page](https://blog.minhazav.dev/research/jquery-sticky-elements) on more details on how to use.```html
some content here$("#grid5").stikify({rate: 3.4, cieling: -100});
```
just include jQuery, our sticky element plugin & you have just `stikified` it!
```js
$("#grid4").stikify({
floor: 100, // the height at which the items starts to scroll
rate: 1.6, // speed corresponding to scroll
cieling: -100, // max height (pixel) that the item can move up.
trans: true, // transparency with scroll
});
```