jquery waypoints - Sticky header with a switch (like Hongkiat) -


i'm creating sticky header using waypoints in tutorial http://www.webtutorialplus.com/sticky-header-on-scroll-jquery/

but how create header 'swaps'?

example: if visit http://www.hongkiat.com/blog/ , scroll down header scrolls, not element visible on page.

is you're looking for?

working demo

$('.showafterthis').waypoint(function() {   if ($(".header2").is(":hidden")) {     $(".header2").slidedown(100);   } else {         $(".header2").slideup(100);     } }); 

Popular posts from this blog

Php - Delimiter must not be alphanumeric or backslash -

c# - How to change the "Applies To" field under folder auditing options programatically (.NET) -

c++ - Ambiguity when using boost::assign::list_of to construct a std::vector -