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: about 1 month 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 (over 4 years ago)
• Last Synced: 2024-05-23T08:33:02.609Z (6 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

});

```