<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var menupos = $("#header").offset().top;
$(window).scroll(function(){
if($(window).scrollTop() >= menupos) {
$("#header").css("position","fixed");
$("#header").css("top","0");
$('#top_mar').show();
}
});
});
</script>
<header id="#header">
<div id="top_mar" style="display:none;">상단에 고정된 영역</div>
</header>
제이쿼리를 이용하여 div 태그를 상단에 고정하는 소스에요.
빨강색 부분에 네비게이션 메뉴 코딩을 넣으면 메뉴를 상단에 고정하는 소스로 활용도 할 수 있어요
게시글 목록
| 번호 | 제목 |
|---|---|
| 11996 | |
| 11995 | |
| 11989 | |
| 11987 |
JavaScript
자바스크립트로 오버로딩 구현하기
1
|
| 11983 | |
| 11962 | |
| 11961 | |
| 11960 |
MySQL
사이트 관리자 비밀번호 재설정하기
|
| 11955 | |
| 11954 | |
| 11946 | |
| 11944 | |
| 11940 |
jQuery
슬라이드 스크립트 도움 부탁드립니다.
3
|
| 301 | |
| 20352 |
반응형
각 해상도별 테스트.
8
|
| 20351 |
HTML
결제모듈과 구글웹사이트 번역 엘리먼트
|
| 11938 |
웹서버
리눅스 시스템 백업 복구툴
1
|
| 11936 | |
| 11924 | |
| 11922 | |
| 20349 |
HTML
팁] 모바일에서 문자보내기
1
|
| 20347 |
반응형
짧고 굵은거
1
|
| 11917 | |
| 11916 | |
| 11914 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기