Hide the header while scrolling down, bring it back on scroll up!
npm install header-scroll-upWhen you are building web pages with high text content, you do not want to distract the user with other elements on the screen. When the user is scrolling down your web page, you would want to hide the header elements assuming the reader is interested in reading further. On a scroll up event, you would show pull back the header assuming the reader wants to navigate elsewhere. This medium-like header show/hide is followed by various websites.
This usecase could be more applicable on Mobile-sites where the effective viewport is not very significant, hence, you'd want to show / hide the header based on the scroll-event.
Eg: headerScroll.setScrollableHeader('.header', {topOffset: 100, animationDelay: 0.5});
#### License
MIT © vijaysutrave