Pinned
A jQuery plugin for creating "pinned" or sticky elements on a page.
Features
Quickly create pinned elements on page, also support mobile devices such as mobile safari.
Use
$("#element").pinned({ bounds: 100, // when to become sticky scrolling: 0, // position during scroll mobile: false // should support mobile });
Callbacks
If you wish you can have callbacks in your code for when your element becomes pinned and unpinned.
$("#element").pinned({ bounds: 100, // when to become sticky scrolling: 0, // position during scroll mobile: false // should support mobile },function(){ // PINNED }, function(){ // UNPINNED });
Methods
$("#element").pinned();
CSS
#element { position: absolute; top: 100px; }
To use Pinned call the plugin by feeding your element selector, either ID or class, be sure to set your sticky element to position absolute!