【JQuery】一定距離をスクロールしたらクラス名を代入する

【JQuery】一定距離をスクロールしたらクラス名を代入する

Javascript
スポンサーリンク

一定距離をスクロールしたら特定クラス名に別のクラス名を代入するサンプル。
例えば、スクロールを100pxしたらヘッダーを固定するとかに使える。

jQuery(window).on("scroll", function($) {
  if (jQuery(this).scrollTop() > 100) {
    jQuery('.floating').addClass("floating_scroll");
  } else {
    jQuery('.floating').removeClass("floating_scroll");
  }
});