Something wonderful is gonna happen!
Intro Root Texts Colors Layout Containers

#Fixed & Sticky Elements

Making the elements fixed and sticky

You can use the be-sticky and be-fixed classes to make an item "hooked" or fixed when moving the page vertically.

<div class="be-sticky">Sticky Element</div>
<div class="be-fixed">Fixed Element</div>

Please note that an element with "sticky" property is positioned based on the user's scroll position, and toggles between "relative" and fixed" depending of the position. In this case will be sticky only to top.

The be-fixed class, on the other hand, fixes the element above and gives it a width of 100%.

Internet Explorer, Edge 15 and earlier versions do not support sticky positioning.