jquery - 标题平滑过渡到浮动标题

Question

对于我正在处理的网站，我编写了以下 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.