In this video I'll show you how you can create a shrinking header using CSS and vanilla JavaScript. I'll also show you how you can listen for which direction the user is scrolling so you can hide the header on scroll down and show on scroll up.
JavaScript coding starts at 9:20
Codepen: http://codepen.io/LewisLong/pen/pRpBJP
Follow me on Twitter: / iamlewislong If you enjoy my videos and would like to buy me a beer you can donate here: paypal.me/iamlewislong
On this page of the site you can watch the video online Shrinking Header On Scroll (plain JavaScript) with a duration of hours minute second in good quality, which was uploaded by the user Lewis Long 20 March 2017, share the link with friends and acquaintances, this video has already been watched 14,261 times on youtube and it was liked by 222 viewers. Enjoy your viewing!