これが私のセットアップです:http://jsfiddle.net/REGUs/
左側のメニューをクリックするとわかるように、ページが関連する情報にスクロールし、メニュー項目の外観が白い背景などに変わります。
ページがどこにあるのかを確認し、リストの css をそれぞれ更新して、ページが 2 番目の見出しを見ている場合、メニューが 2 番目の見出し css をクリックしたスタイルに変更するようにしたいと思います。これは非常に冗長で、おそらく意味をなさないと思います。申し訳ありません。
これが私がそれがうまくいくと思った方法です:
各ページにいくつの見出しがあるかわかりません (理論上はわかっていますが、多くのページがあり、動的なものが必要です)。したがって$("h2").length
、ヘッダーの量を確認するために使用します。次に、これらのそれぞれの距離を取得するためのループがあり (配列に格納されていますか?)、ウィンドウがスクロールするたびに、読み込みが開始されるか、サイズが変更され、関数が画面の場所をキャプチャして css を更新します。これがあなたがそれを解決する方法である場合、私がそれをまとめるのを手伝ってもらえますか、別のより良い方法がある場合(おそらく私はJavaScriptを実際に使用していないため)、教えてください.
ありがとう、クリス