javascript - ページ上部のスクロールスパイ効果を削除

Question

scrollspy ブートストラップ効果を使用しています。ここに例がありますhttp://jsbin.com/huhavejipepi/1/edit?html,css,js

ユーザーがページの上部でサイトをナビゲートしている場合、scrollspy 効果を無効にする必要があります。ただし、この例からわかるように、ホーム セクションが表示されていない場合でも、バーの上部にあるリンクはアクティブに見えます。多分それはバグですか？回避策はありますか?

Answer 1

望ましくない動作を回避するためにできる2つまたは3つのトリックがあると思います。それらの 1 つは、たとえば次のようなものです。

<ul class="nav navbar-nav">
  <li><a href="#Intro" style="display:none;">Intro</a></li>
  <li><a href="#home">Home</a></li>
  <li><a href="#about">About</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>

ご覧のとおり、最初の段落に隠しリンクを追加できます。ここのデモをチェックして、実際の例を確認してください。

それが役に立つことを願っています！