Site icon WebArtDeveloper

ANIMATE HEADER IN/OUT AFTER SCROLLING

This is a simple and beautiful Fixed header created Using jquery-waypoints, well be checking to see when data-animate-header (this section) is above the top of screen, then animate data-animate-header (the fixed header) in/out accordingly. We’re able to do this with css transitions and a combo of 3 classes (.header-past.header-show.header-hide) – without having to clone or do any dom manipulating.
Made by antwon
June 16, 2015

Download Demo and Code
Exit mobile version