私は単一ページのWebサイトを設計しており、ユーザーが指定された場所にスクロールするたびに固定ナビゲーションリンクの色を変更したいと考えています。とても簡単なようです。とても簡単だと思いましたが、うまく機能させるのに問題があります。
Twitter Bootstrap CSSを使用していないため、ScrollspyJSプラグインのみをダウンロードしました。Scrollspyプラグインが必要です。
このjsFiddleを確認して、ガイダンスを提供していただけますか？私はすでにここでドキュメントをチェックアウトしましたが、運がありませんでした。どんな助けでも大歓迎です:)
不足している重要な点は、ul要素（または他の親要素）に「nav」クラスが必要であるということです。これは、セレクターの一部としてscrollspyコードで使用されます。
なんらかの理由で動作させることができませんでしたが、簡単な例を次に示します：http: //jsfiddle.net/UWzeD/5/
JSFiddle 1の使用に関する重大な問題、および活版印刷のエラー2を無視すると、主な問題は次のとおりです。
<ul>ナビゲーションバーの.navクラスが必要です。#welcome既存の要素ではないため、JSエラーが発生します。修正されたデモは次のとおりです。
ああ、プラグインを初期化するのにdata-apiとjsの両方は必要ありません。いずれかを選択してください。
1ブートストラップ2.0.2+2.0.4を同時にロードします。<body>HTMLパネルにを含めようとしています
2それを必要としない関数でupperCamelCaseを使用する：scrollSpy();
ulにはnavクラスが必要ですが、scrollspyが正しく機能するために最も重要なのは、ターゲットがulの1レベルである必要があることです。そうしないと、scrollspyが機能しないことがわかりました。