jQueryがdivで水平方向にスクロールするときのナビゲーションでのクラスの変更

Question

この質問はhereでしたが、ナビゲーションが水平であるとどうなりますか？私はdivが水平方向のナビゲーションから見えるようにスクロールする瞬間に、アクティブなボタンでクラスをアクティブに変更したいと思います。

現在、私が取り組んでいるウェブサイトは、縦横両方向にスクロールして、同じ軸で他のdivを持つdivに到達するまでに、選択したhtmlの最初のdivを表示します現在のビューにはありません。

divが実際にウィンドウビューにあるとき、どのようにして軸とトグルクラスをチェックすることができますか？

ありがとう

Answer 1

このようなスクロールイベントをキャッチすることができます。

$('body').scroll(function(){ 

}); 

次の行はスクロール位置を示します。

入力divに気付くと、本文がスクロールされるたびにスクロール値とdivオフセットが比較されます。

if($('#div').offset().left < $(window).scrollLeft()) 
{ 
    alert('I am in your view!'); 
} 

おそらく計算にボディ幅を追加する必要があります。

クラスを切り替えるには、toggleClassという名前の関数があります。あなたはaddClassとremoveClassというユーザーも登録できます。