標題平滑過渡到浮動標頭

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。