jQuery/捲って現れるセクション

	
$(function() {	
  var scroll_height = 200;
  $(window).scroll(function () {
	if($(this).scrollTop() > $('#sec01').offset().top) {
	  $('#sec01').addClass('on');
	}
	if($(this).scrollTop() > $('#sec02').offset().top - scroll_height ) {
	  $('#sec02').addClass('on');
	}
	if($(this).scrollTop() > $('#sec03').offset().top - scroll_height ) {
	  $('#sec03').addClass('on');
	}
	if($(this).scrollTop() > $('#sec04').offset().top - scroll_height ) {
	  $('#sec04').addClass('on');
	}
	if($(this).scrollTop() > $('#sec05').offset().top - scroll_height ) {
	  $('#sec05').addClass('on');
	}
	if($(this).scrollTop() > $('#sec06').offset().top - scroll_height ) {
	  $('#sec06').addClass('on');
	}
  });
});