ナビゲーションメニューにIDの追加クラスをスクロールしてカレイドクラスを変更する

Question

私は1ページのデザインウェブサイトを構築しています。IDをスクロールするとナビゲーションメニュー項目にクラスを追加する方法を知りたいと思います。

私はそれはようなものになるだろう推測している：私は（リンクwww.example.com/#pricesある）物価へのリンクを持っている私のナビゲーションメニューで

if at ID-X addClass .active to menuitem-y 

。それで、[価格]をクリックすると、スムーズにID #pricesにスクロールします。

if "#prices" addClass(.active)->Menuitem-y 

私が推測：

だから、インクルードは次のようになりますでしょうか？

**アップデート** DaniPのおかげで、#pricesに達すると警告を発するコードがあります。

var target = $("#prices").offset().top; 
var interval = setInterval(function() { 
    if ($(window).scrollTop() >= target) { 
     alert("made it!"); 
     clearInterval(interval); 
    } 
}, 250); 

アラートの代わりにCSSを挿入できますか？ like #menuitem-y{color:#000;}

これは1つのインスタンスに対してのみ機能しますが、これをより多くのメニュー項目に適用するにはどうすればよいですか？

Answer 1

jqueryプラグインは、ここでやっているように動作するように思えます。

https://github.com/tferullo/eavesdrop

それはビュー内の要素に対応するように、それは、ナビゲーション要素にクラスを追加します。お役に立てれば！