jQuery スクロールしたらクラスを付与する方法 - by Takumi Hirashima

jQuery スクロールしたらクラスを付与する方法を紹介します。 例えば、スクロール後にヘッダーを固定したい時に便利な方法です。 スクロールしたらクラスを付与する方法 コードの解説 スクロールしたらクラスを付与する方法 スクロールしたらクラスを付与する場合は scroll イベントを利用します。 例えば、ページ上部から 20px スクロールした場合に、#header 要素にクラス「fixed」を付与する場合は、次のコードを追加します。 $(window).scroll(function () { if($(window).scrollTop() > 20) { $('#header').addClass('fixed'); } else { $('#header').removeClass('fixed'); } }); 上記のコードは jQuery 単体のコードになります。 jquery