본문 바로가기
Web/Javascript

[javascript] scrolltop 과 offset

by 준토리73 2021. 3. 30.

상단 메뉴 고정하는 방법

 

- 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

scrollTop은 현재 스크롤의 위치값을 나타낸다. $(window).scrollTop(); 이는 브라우저 상단에서 현재 스크롤까지 이동한 값을 나타내는 코드이다. offset은 대상의 위치값을 나타낸다. $('section').offset(); 이

lpla.tistory.com

 

댓글