标头平滑过渡到浮动标头

Question

对于website I'm working on，我编写了以下JQuery，以便在人们滚动时将标题转换为浮动标题，以便标题始终可见。我只是想知道是否有人知道如何使这种过渡更顺畅。现在它发生得非常快，而且不是很顺利。

JQuery ：

$(window).scroll(function(){
    var header = $("#header");
    var top = $(window).scrollTop();
    if (top > 125) {
        header.addClass('fixed-header');
    }
    else{
        header.removeClass('fixed-header');
    }
}); 

CSS ：

.fixed-header{
    position: fixed; 
    width: 980px;
}

Answer 1

为什么需要过渡？

只需保持标题始终处于浮动模式，您甚至不需要javascript在一种模式和另一种模式之间切换。当用户位于页面顶部时，标题也将位于顶部。只需使用position: fixed。