Sticky

Make elements remain at the top of the viewport, like a sticky navigation.



Offset

You can position the element below the viewport edge by sing the offset option and the distance in pixels.

Animation

Add an animation in order to have the sticky element reappear smoothly.

Sticky on scroll up

Add an animation in order to have the sticky element reappear smoothly.

End

Set a container to disable one or multiple Sticky stacks.
Disabler container.

Responsive

It's possible to disable the sticky behaviour for different devices widths by applying the media option to the sticky component. The element will be sticky from the specified viewport width and upwards, but not below.
Disabled on mobiles (up to 640 pixels)

Sticky and Parallax

Together with the Sticky component you can achieve complex sticky parallax effects. View some examples in the tests for the Sticky Parallax.