scrollen Sie glatt sticky header auf Wordpress funktioniert nicht

Question

Ich versuche, meinen Header langsam und reibungslos zu scrollen, aber es erscheint schnell.

Das ist meine header und das ist what I want mein Header zu sein.

//Sticky menu after get riched bottom of the viewport 
$(window).scroll(function() { 
    var elementOffset = $(window).scrollTop(); 
    var viewportHeight = $(window).height(); 
    var elementHeight = $('#header').height(); 
    if (viewportHeight < elementOffset) { 
     $('#header').addClass('header-sticky'); 
    } else if (elementOffset < $('#header').height()) { 
     $('#header').removeClass('header-sticky'); 
    } 
}); 

Answer 1

Give Transition Eigenschaft .header-sticky Klasse

.header-sticky{ 
transition : .5 ease top; 
animation:slide-down 5s; 
animation-delay:3s; 
}