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

Question

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

我目前使用以下內容使網站內容顯示在標題下方，但不確定如何計算#header和#navbar ID的邊距。

#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) ); });