Bootstrap affix() плагин с выпуском при прокрутке содержимого

Question

Я пытаюсь использовать плагин Bootstrap affix(). Я хочу, чтобы навигатор был привязан к верхней части экрана при прокрутке. вот то, что я до сих пор: http://jsfiddle.net/zncud7md/2/

Проблема заключается содержанием ниже NavBar сдвигов (капельку дюйм вниз), когда класс аффикса триггеров в Я даже попытался добавить:. #header.affix + #body { padding-top: 75px; }, что я нашел на других источниках но не работал для меня. Я не могу найти способ обойти это. Любые идеи, как я могу предотвратить эту проблему? Спасибо!

Answer 1

Бутстрап-аффикс действует как липкое позиционирование, так что если вы прокрутите, вы можете зафиксировать элемент в фиксированном положении (http://getbootstrap.com/javascript/#affix).

Вместо этого вы можете упростить свой код, установив положение заголовка на фиксированное вверху: 0 и наложите верхнюю часть тела.

#header { 
    position: fixed; 
    top: 0; 
    z-index: 9999; 
} 
#body { 
    padding-top: 75px; 
} 

http://jsfiddle.net/zncud7md/4/