スポンサーサイト

/ スポンサー広告 / Comment[-]

任意の量スクロールしたらクラス付与するjs

/ HTML5/CSS3/jQuery / Comment[0]
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

メモ

ページの頭から300px以上のスクロールで.fixedが付く

$(window).scroll(function(){
  if ($(window).scrollTop() > 300) {
    $('#nav').addClass('fixed');
  } else {
    $('#nav').removeClass('fixed');
  }
});

要素の高さを取得し、ページトップから要素の高さ以上スクロールしたら.fixedを付与

$(window).scroll(function(){
  var element = $('#header'),
       scroll = $(window).scrollTop(),
       height = element.outerHeight();
  if ( scroll > height ) {
    element.addClass('fixed');
  } else {
    element.removeClass('fixed');
  }
});
関連記事

コメント

:
:
:
:
:
管理人のみ表示を許可