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 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
More from Miguel Vicente
Mobile Utilities
Miguel Vicente
A group of multiple utilities to use on your mobile applications with OutSystems 10.
Vertical Timeline
Miguel Vicente
Responsive timeline. Use some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.
Miguel Vicente
Full Screen feedback ajax