Содержимое под фиксированным заголовком и навигацией при прокрутке

Question

Я хочу, чтобы заголовок и навигатор фиксировались при прокрутке на моем сайте. Я могу сделать эти оба исправления, однако содержимое в #container div не отображается под ними.

В настоящее время я использую следующее, чтобы содержимое моего сайта появилось под заголовком, но не уверен, как вычислить маргинальный номер для идентификаторов #header AND #navbar.

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