在wordpress上滚动顺利粘贴标题不起作用

Question

我正在尝试缓慢而平稳地滚动标题，但它看起来很快。

这是我的header，这是what I want我的标题。

//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

将Transition属性赋予.header-sticky class

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