滾動時在固定標題和導航條下的內容

Question

我想在我的網站上滾動時修正標題和導航欄。我可以使這兩個都是固定的，但是#container div中的內容不會出現在它們下面。

我目前使用以下內容來使我網站的內容顯示在標題下方，但不知道如何計算#header和#navbar ID的margintop。

#header{ 
    width:100%; 
    position:fixed; 
    top:0px; 
} 

#navbar{ 
    width:100%; 
    height:50px; 
    margin:auto; 
    position:fixed; 
    top:120px; 
} 


$(document).ready(function() { 
        $('#container').css('marginTop', $('#header').outerHeight(true)); 

       }); 

感謝您的幫助。

Answer 1

$(document).ready(function() { $('#container').css('marginTop', $('#header').outerHeight(true) + $('#navbar').outerHeight(true)); });