Fixed Header and Bootstrap Affix - Jump

Question

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

Мои JS:

jQuery('.header').affix({ 
    offset: { 
    top:$('.header').offset().top 
    } 
    }); 

Answer 1

добавить в свой CSS:

.affix + .container { 
    padding-top:50px; 
} 

или

.affix + .container { 
    min-height:50px; 
} 

решить эту проблему для меня.

Answer 2

Для всех, кто ищет решение я сделал следующий

1. Добавлена ​​распоркой после моей навигационной панели

2. Добавлено правила в CSS, чтобы увеличить распорку, когда Navbar проставляется

   <header class="navbar">...</header> <div class="affixSpacer"></div>

   .navbar.affix + .navBarAffixFixer { height:52px;/* Height of your navbar */ }