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

メモ

ページの頭から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');
  }
});