Sticky is a element that transforms in to a fixed position container. Stickies are useful for attracting users attention or to trigger hidden menus. You can also use data-sticky-menu to convert the sticky in to a smooth scroll menu.
*Required option. Sticky trigger class name.
*Required option. This option defines if the sticky should be hidden until scrolled in to view or if it should stay visible.
*Required option. You can use this option to push sticky down. Set to 0 not to push the sticky.
*Required option. This is a top position offset where the sticky should become visible.
*Required option. Sticky has 2 transition options. You can use slide or fade.
This is optional helper class that can be used inside the sticky contaner. This class holds the site width thus aligns the sticky in the middle.
This is optional helper class that can be used inside the sticky contaner. This class lines up the grid system paddings.
Converts the sticky container in to a smooth scroll sticky menu. Requires specific setup. See markup.
Converts sticky menu in to a right aligned sticky menu block. Requires specific setup. See markup.
I will become a sticky once you scroll 500px down.