스크롤 내리면 따라오는 메뉴
<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 처럼 보실수있습니다.
스크롤 내려보세용~
.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 처럼 보실수있습니다.
스크롤 내려보세용~
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 37개
다른방법도있는데 요렇게된이유가 w3c에서 비표준 그러길래 소스변형된거에요~
요렇게만 하신다면 w3c에서 스멜 ~ 넌 표준이군아 라고 그럽니다. ㅎㅎ
Faceissue님 홈페이지 소스 분석해다가 임시로 제이쿼리 붙이고ㅋㅋㅋ
성공~ ㅎㅎㅎㅎ 감사드려요~~
근데 위로 붙을 때 바로 위가 아닌, top:0 left:0으로 들러붙네요ㅜㅜㅋㅋㅋㅋ
풀자, 푸자~ ㅎㅎㅎ
근데 너무 급작스럽게 휙휙, 위로 들러붙는데,
살짝 조용히 부드럽게 붙는건 없을까요?
오우, 완벽해!! 감사드려요~~~~~~~~
어디 파일에 어느부분에 넣어줘야 하는지 통~~ 모르겠네요ㅜ.ㅡ
저같은 새내기에게는 너무 어려운 부분이네요...
새내기를 위한 설명 가능할까요?? [지송해요]
감사합니다
멋지네요
요긴하게 쓰이겠고만 추천 5회가 뭡니까?
추천 드리겠습니다.
감사히 잘 쓸께요.
페이지내 링크메뉴인데요. 스크롤시 고정은 되는데, 스크롤하고 고정된후 링크를 클릭하면 해당 내용이 밑부분으로 올라와 버리기에 볼수가 없습니다. 아래 링크를 참고하시고 해결방안을 알려주시면 고맙겠습니다.
http://jeongbo-partner.com/embassy_jp_cn.php
닉변도하시공. ㅋㅋ
지우거나 하지 말아주세요!!!!! ^^