상단메뉴 고정하였으나, 스크롤후 맨위로 올리면 짤립니다. 채택완료
switecode
9년 전
조회 7,070
안녕하세요! 즐거운 주말이십니다.
</p><p><script type="text/javascript">
$(window).scroll(function () {
var height = $(document).scrollTop();
if (parseInt(height) > 0) {
$('#hd').css({
"position": "fixed",
"display": "block",
"width":"100%",
"z-index" : "10000"
});
$('#wrapper').css({
"padding-top":"116px"
});
} else {
$('.hd').css({
"display": "block",
"position":"relative",
"z-index" : "10000"
});
$('#wrapper').css({
"padding-top":"116px"
});
}
});
</script> </p><p>
위 내용의 그누5 기본 상단고정 <head>~</head> 스크립트인데요,
아래의 예시 사진인데, 아래사진은 일단 스크롤내리기전의 사진입니다.
(스크롤시 정상적으로 상단메뉴는 같이 따라 내려갑니다.)
스크롤 한후, 다시 맨위로 스크롤 하면 위의 사진처럼 스크롤을 끝가지 올렸지만 일정 부분을 상단 메뉴가 가려버립니다.
새로고침하면 다시 정상적으로 복구되지만, 스크롤 내렸다올렸다 하다가 맨위로 올라가면 위 두번쨰 사진처럼 메뉴가 일정부분을 가리면서 첫번째사진처럼 돌아오질 않습니다 ㅜㅜ.
어떻게 해결을 해야할까요..ㅜㅜ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그러나 바꿔줬는대로 여전히 일부분을 상단메뉴가 가려버리네요ㅜ.ㅜ...