[jQuery] html scroll시 특정높이에서 header 변경

if ($(window).scrollTop() >= 10) {
		$(".header").addClass("darkHeader animated fadeInDown");
		if($(".header").hasClass('sub'))
			$(".header-bg").removeClass('blockHeader')
	} else {
		$(".header").removeClass("darkHeader animated fadeInDown");
		if($(".header").hasClass('sub'))
			$(".header-bg").addClass('blockHeader')
	}

	$(window).scroll(function() {
		var scroll = $(window).scrollTop();

		if (scroll >= 10) {
			$(".header").addClass("darkHeader animated fadeInDown");
			if($(".header").hasClass('sub'))
				$(".header-bg").removeClass('blockHeader')
		} else {
			$(".header").removeClass("darkHeader animated fadeInDown");
			if($(".header").hasClass('sub'))
				$(".header-bg").addClass('blockHeader')
		}
	});