javascript - 平滑滚动 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 类

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