테스트 사이트 - 개발 중인 베타 버전입니다

스크롤시에만 해더 이동 채택완료

oz 4년 전 조회 1,857

반응형입니다..

스크롤이 내겨갔을때에만 해더높이와 안에로고랑 메뉴바가 해더높이에 맞춰서 올라가게 하고 싶은데 어떻게해야할까요? 이런건 뭐라고 찾아봐야할까요?

 

현재 메뉴슬라이드 js입니다.

이런식으로 html이 되어있고

아래와 같이 제이쿼리가 되어있는데요.

 

도와주세요..

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

http://pager.kr/x/index.php?mid=board_XLuz31&document_srl=2263

 

=> 해당 소스가 비슷한 소스인거 같습니다.

 

http://airwave.serverzero.kr/test.php

 

=> 실제 해보니 잘되는거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

4년 전

스크롤 시 헤더가 상단에 고정되고 높이가 변하는 이벤트를 말씀하시는 거라면, $(window).scroll 이벤트를 감지해 현재 스크롤 높이에 따라 해당 헤더 부분 css를 변경하는 방법으로 position: fixed를 입력하실 수 있습니다. 색상이나 높이도 같은 방법으로 변경하실 수 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인