스크롤 내리면 따라오는 메뉴 > 그누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개

소스가 참간단하죵?...크크 ㅋ
다른방법도있는데 요렇게된이유가 w3c에서 비표준 그러길래 소스변형된거에요~

요렇게만 하신다면 w3c에서 스멜 ~ 넌 표준이군아 라고 그럽니다. ㅎㅎ
우히히히히히^^ㅋㅋㅋㅋ
Faceissue님 홈페이지 소스 분석해다가 임시로 제이쿼리 붙이고ㅋㅋㅋ
성공~ ㅎㅎㅎㅎ 감사드려요~~
움켜켜켜켜켜~~~
근데 위로 붙을 때 바로 위가 아닌, top:0 left:0으로 들러붙네요ㅜㅜㅋㅋㅋㅋ
풀자, 푸자~ ㅎㅎㅎ
아!! 제가 메뉴 100%안에 감싸서 1000px 해놔서! 100%짜리가 left:0 top:0 이면 이쁘게나와서 살짝 css바꾸셔야할거같네영 ㅎ
오우, 성공이요~ ㅎㅎㅎㅎ
근데 너무 급작스럽게 휙휙, 위로 들러붙는데,
살짝 조용히 부드럽게 붙는건 없을까요?
이것을 어디에다 넣어줘야 하는건가요???
어디 파일에 어느부분에 넣어줘야 하는지  통~~ 모르겠네요ㅜ.ㅡ

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

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

감사합니다
저의 경우는 어덯게 하면 될까요?
페이지내 링크메뉴인데요. 스크롤시 고정은 되는데, 스크롤하고 고정된후 링크를 클릭하면 해당 내용이 밑부분으로 올라와 버리기에 볼수가 없습니다. 아래 링크를 참고하시고 해결방안을 알려주시면 고맙겠습니다.
http://jeongbo-partner.com/embassy_jp_cn.php
전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT