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
Uploaded.to


Download


Download sticky.header.slide.down.effect.zip
Load.to


Download


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


Download

Both comments and pings are currently closed.

Comments are closed.