Shrinking Header On Scroll (plain JavaScript)

Published: 20 March 2017
on channel: Lewis Long
14,261
222

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!