[jQuery] 스크롤시 class 추가/제거

방법1

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
jQuery(document).ready(function() {
	var bodyOffset = jQuery('body').offset();
	jQuery(window).scroll(function() {
		if (jQuery(document).scrollTop() > bodyOffset.top) {
			jQuery('header').addClass('scroll');
		} else {
			jQuery('header').removeClass('scroll');
		}
	});
});
</script>

화면을 스크롤 하면 header 에 scroll 이라는 class 가 추가된다.

방법2

$(window).scroll(function() {
	var scroll = $(window).scrollTop();
	//console.log(scroll);
	if (scroll >= 50) {
		//console.log('a');
		$(".header").addClass("change");
	} else {
		//console.log('a');
		$(".header").removeClass("change");
	}
});

https://jsfiddle.net/19bwe33x/12/

본문에 대해 문의가 있으신 분은 kty0529@gmail.com로 이메일 보내주세요.