Sticky Jquery Plugin

Stable Version 2.0.2 (O10)
Also available for 9
Published on 01 March 2017 by 
Created on 19 January 2015
What’s new (2.0.2)

Removed Silk UI Web dependency.

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.
Read More

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

Sticky in brief

  • When the target element is about to be hidden, the plugin will add the class className to it (and to a wrapper added as its parent), set it to position: fixed and calculate its new top, based on the element's height, the page height and the topSpacing and bottomSpacing options.
topSpacing: (default: 0)
Pixels between the page top and the element's top.

bottomSpacing: (default: 0)
Pixels between the page bottom and the element's bottom.

className: (default: 'is-sticky')
CSS class added to the element's wrapper when "sticked".

wrapperClassName: (default: 'sticky-wrapper')
CSS class added to the wrapper.

center: (default: false)
Boolean determining whether the sticky element should be horizontally centered in the page. 

getWidthFrom: (default: '')
Selector of element referenced to set fixed width of "sticky" element.

widthFromWrapper: (default: true)
Boolean determining whether width of the "sticky" element should be updated to match the wrapper's width.Wrapper is a placeholder for "sticky" element while it is fixed (out of static elements flow), and its width depends on the context and CSS rules. Works only as longgetWidthForm isn't set.

responsiveWidth: (default: false)
Boolean determining whether widths will be recalculated on window resize (using getWidthfrom).

zIndex: (default: auto)
controls z-index of the stickied element.
Reviews (0)
UI & Widgets, Mobile Plugins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Miguel Vicente who created this component.
Sticky Jquery Plugin has no dependencies.
Component Consumers
No consumers yet.
Weekly Downloads