固定标题和引导词缀 - 跳转

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添加规则以增加间隔符

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

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