web memo

  var $header = $('.header_nav');
  var addclass = 'scrolled';
  var offset = $header.offset();
  var scrollY  = offset.top;
  $(window).scroll(function() {
    if ($(window).scrollTop() > scrollY) {
      $header.addClass(addclass);
    } else {
      $header.removeClass(addclass);
    }
  });

scrolledクラスに固定スタイルを記入する