상단메뉴 고정
관련링크
본문
<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>
이런식으로 상단 메뉴를 고정했는데요~
아래로 스크롤 하고 다시 위로 올리면 이미지 상단이 잘리는 현상이 나옵니다.
이거 안잘리고 나오게 할 수 있을까요??
답변 1
6번째 줄에 있는
"position": "fixed", 를
다음처럼 하여 보십시오~^^)
"position": "fixed",
"top":"10px" <-- 이 줄을 추가하여 숫자를 조금씩 늘려 보세요~