jQuery：ページをスクロールしながら要素の 'クラス'変更を検出します。

Question

他のスクリプトからスクロールするときに適用されたヘッダー要素のクラスの変更を検出する方法を探しています。

したがって、特定のクラスがヘッダーに適用されるとき、私は別の要素で自分の関数を実行したいと思います。

だからのようなもの（つまり、任意の理にかなっている場合）：

$('html').scroll(function(){ // So while scrolling down the page 
    // if header gets the class 
    if (('#header').hasClass('header-scrolled')) { 
     alert('ops'); 
    } 
}) 

私はこれにアプローチする方法について確認していません。どんな指導も高く評価されます。

Answer 1

あなたは、ウィンドウ要素のscrollイベントに耳を傾けることができます。

$(window).on('scroll', function() { 
    //Check classes 
});