bootstrap 3.0 affix snap down

Question

У меня есть простой навигатор, который помещается под заголовком. Когда использование прокручивается мимо заголовка, я хочу, чтобы навигационная панель стала фиксированной.

Проблема заключается в том, что, когда пользователь достиг смещения, навигационная панель становится фиксированной, но страницы, похоже, прокручиваются для высоты навигационной панели + нижнего поля 20 пикселей, которое она применяется.

http://jsfiddle.net/WzphN/

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

Так как это отзывчивый, я использовал Javascrip для запуска эффекта аффикса.

 $('#nav').affix({ 
     offset : { 
      top : function() { 
       return $('#header').height(); 
       } 
     } 
    }); 

Я понимаю, что когда браузер прокручивается мимо высоты заголовка (500 в моем примере) элемент #nav будет применен класс аффикс. Но почему он так прыгает?

Answer 1

Вам нужно будет установить верх: {heightofyournavbar} для класса .affix в вашем css.

.affix { 
    position: fixed; 
    top: 50px; 
} 

Смотрите также: data-offset-bottom in Bootstrap3 Affix