Sticky header slide down effect

$(window).scroll(function(){
         var sticky = $('.top-menu'),
         scroll = $(window).scrollTop();

        if (scroll >= 200){
            sticky.addClass('fixed');
        }else{
            sticky.removeClass('fixed');
        }
    });

Fixed css

.fixed{
    position: fixed;
    background: red;
    z-index: 1;
}

It works fine, but i want a ‘slide down of the top effect’ can i do that?

Thanks!!


Download sticky.header.slide.down.effect.zip
Direct Link


Download


Download sticky.header.slide.down.effect.zip
Mediafire


Download


Download sticky.header.slide.down.effect.zip
Speedyshare


Download


Download sticky.header.slide.down.effect.zip
MultiGulper


Download


Download sticky.header.slide.down.effect.zip
Google


Download

Both comments and pings are currently closed.

Comments are closed.