상단 메뉴 고정하는 방법
- 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");
}
});
[JavaScript] scrollTop과 offset
scrollTop은 현재 스크롤의 위치값을 나타낸다. $(window).scrollTop(); 이는 브라우저 상단에서 현재 스크롤까지 이동한 값을 나타내는 코드이다. offset은 대상의 위치값을 나타낸다. $('section').offset(); 이
lpla.tistory.com
'Web > Javascript' 카테고리의 다른 글
[javascript] Href 속성에 Javascript Void:(0) 사용하는 이유 (0) | 2021.01.20 |
---|---|
[Javascript] 이벤트 전파 막아주는 방법 (0) | 2021.01.12 |
[javascript/jQuery] 배열 공부 <멘토 교육 3일차> (0) | 2020.11.20 |
[Javascript] 객체와 배열 (0) | 2020.11.02 |
[Javascript] 자바스크립트 기초 (0) | 2020.11.02 |
댓글