javascript - 导航栏上的 Bootstrap 词缀，属性始终打开(类始终处于事件状态)

Question

我正在尝试实现 Bootstrap 的附加导航栏，例如 this example.

这里是 a pen我所拥有的。似乎“词缀”类总是在导航栏元素上激活。也就是说，当我这样做的时候

.affix {
   top: 0;
}

当我想要它做的是在名称和标题下方时，导航栏会在页面加载时自动转到顶部。关于为什么会发生这种情况的任何想法？

编辑:修复了示例链接

Answer 1

是这样的吗？

https://codepen.io/anon/pen/mRrBNK

我刚刚移动了标题和子文本并在其中添加了一个类

<nav class="navbar navbar-default navbar-custom" data-spy="affix" data-offset top="197">      
<div class="navbrand">
  <h1> John Smith</h1></div>
  <h4> Developer and Engineer </h4>