To start use sticky just add a
data-te-sticky-init attribute to
the element you want to pin.
You can pin element to bottom by adding
data-te-sticky-boundary="true" so that sticky only works
inside the parent element. Remember to set the correct parent height.
Outer element as a boundary
You can specify an element selector to be the sticky boundary.
Default direction of sticky component is down. You can change it by setting
You can add an animation that will run when the sticky starts and when the
sticky element is hidden. just specify the css class of the animation using
Sticky with navbar
By default, sticky locks the element at the edge of the screen. If you have
a navbar element on your website, it will hide behind it. You can prevent
this by setting an
delay. You can also
z-index of the sticky element by setting