스크롤 내리면 따라오는 메뉴 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

스크롤 내리면 따라오는 메뉴 정보

스크롤 내리면 따라오는 메뉴

본문

<style type="text/css">
.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index:100;} /* 자동상단 고정 */
</style>

<script>
$(function() {
jQuery(window).scroll(function() {
var position = jQuery(window).scrollTop();
if(position >= 100) {
jQuery('#Y13_Dmenu').addClass('fixed');
} else {
jQuery('#Y13_Dmenu').removeClass('fixed');
}
});
});
</script>

Y13_Dmenu 변경하셔야 합니다.
또한... 제이쿼리가 있으셔야하며

요렇게만하신다면

http://os.oror.kr 처럼 보실수있습니다.
스크롤 내려보세용~
추천
15
  • 복사

댓글 37개

Faceissue 홈페이지 자기소개 아이디로 검색 회원게시물 13.01.18 22:45:54
소스가 참간단하죵?...크크 ㅋ
다른방법도있는데 요렇게된이유가 w3c에서 비표준 그러길래 소스변형된거에요~

요렇게만 하신다면 w3c에서 스멜 ~ 넌 표준이군아 라고 그럽니다. ㅎㅎ
구름상자 홈페이지 자기소개 아이디로 검색 회원게시물 13.01.18 22:57:38
우히히히히히^^ㅋㅋㅋㅋ
Faceissue님 홈페이지 소스 분석해다가 임시로 제이쿼리 붙이고ㅋㅋㅋ
성공~ ㅎㅎㅎㅎ 감사드려요~~
좋은하루여 자기소개 아이디로 검색 회원게시물 13.01.19 01:23:13
이것을 어디에다 넣어줘야 하는건가요???
어디 파일에 어느부분에 넣어줘야 하는지  통~~ 모르겠네요ㅜ.ㅡ

저같은 새내기에게는 너무 어려운 부분이네요...

새내기를 위한 설명 가능할까요?? [지송해요]

감사합니다
둘째삼식 자기소개 아이디로 검색 회원게시물 13.01.21 16:18:26
저의 경우는 어덯게 하면 될까요?
페이지내 링크메뉴인데요. 스크롤시 고정은 되는데, 스크롤하고 고정된후 링크를 클릭하면 해당 내용이 밑부분으로 올라와 버리기에 볼수가 없습니다. 아래 링크를 참고하시고 해결방안을 알려주시면 고맙겠습니다.
http://jeongbo-partner.com/embassy_jp_cn.php
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로