は、ブートストラップナビゲーションバーに貼り付け、プロパティは常にオンです（常にアクティブクラス）

Question

this example.

にここで私が持っているもののa penであるように私は、ブートストラップの取り付けられナビゲーションバーを実装しようとしています。 '接尾辞'クラスは常にnavbar要素でアクティブになっているようです。つまり、私がしているとき

.affix { 
    top: 0; 
} 

navbarはページロード時に自動的にトップに行きます。私がしたいことが名前とタイトルの下にあるときです。なぜこれが起こっているのかについてのアイデアはありますか？

EDIT：リンクの例を修正しました

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>