[javascript] scrolltop 과 offset

상단 메뉴 고정하는 방법

 

- scrollTop 은 현재 스크롤의 위치값을 나타냄 

$(window).scrollTop();

- offset은 대상의 위치값을 나타냄 

$(window).offset();

 

 

 

📌 Script 상에서 처리 

var thisTop = $(".top-fixed").offset();
	$(window).scroll(function(){
		if($(document).scrollTop() > thisTop.top){
			$(".top-fixed").addClass('fixed');
			$(".top-fixed").css("top","0px");
			$(".search-menu").css("display","none");
			$("#quick_wrap").css("margin-top","110px");
			
		}else{
			$(".top-fixed").css("top","100px");
			$(".top-fixed").removeClass('fixed');
			$(".search-menu").css("display","block");
			$("#quick_wrap").css("margin-top","110px");
		}
	});

참고) lpla.tistory.com/8

 

[JavaScript] scrollTop과 offset