Sticky Jquery Plugin
Stable Version 2.0.2
Published on 01 March 2017 by 
Created on 19 January 2015
Details
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.
What’s new (2.0.2)

Removed Silk UI Web dependency.

Reviews (0)
Category
UI & Widgets, Mobile Plug-ins
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.
Dependencies
Sticky Jquery Plugin has no dependencies.
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
Sticky Jquery Plugin has no consumers.
Weekly Downloads 
Related Components
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.
7353
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10681
OutSystems UI Web
OutSystems R&D
Create amazing web responsive applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
1270
More from Miguel Vicente
Mobile Utilities
Miguel Vicente
A group of multiple utilities to use on your mobile applications with OutSystems 10.
600
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.
563
OWL Carousel
Miguel Vicente
Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
533