Header Sticky

It has three types.

showOnScroll: In this type, the header is displayed when you scroll.

showOnScrollUp: In this type, the header is displayed when you scroll up.

showOnScrollDown: In this type, the header is displayed when you scroll down.

To perform Header Sticky use header-sticky="" data-option="{'offset':300,'type':'showOnScrollUp'}" attribute and navbar-sticky css class.