\r\n\r\n 
 
상단에 고정된 영역
제이쿼리를 이용...","url":"https://sir.kr/boards/program/19753","author":{"@type":"Person","name":"잘살아보자","url":"https://sir.kr/profile/c9d1f864-2b7e-4116-ac49-2d75ac933824"},"interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"datePublished":"2014-10-17T03:14:20+09:00","dateModified":"2014-10-17T03:14:20+09:00"}

브라우저 상단에 고정 시키는 제이쿼리 소스

· 11년 전 · 4797

<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 태그를 상단에 고정하는 소스에요.

빨강색 부분에 네비게이션 메뉴 코딩을 넣으면 메뉴를 상단에 고정하는 소스로 활용도 할 수 있어요 

 

 

 

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

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11년 전 조회 2,187
11년 전 조회 2,652
11년 전 조회 2,652
11년 전 조회 1,867
11년 전 조회 2,542
11년 전 조회 2,197
11년 전 조회 1,955
11년 전 조회 6,105
11년 전 조회 5,648
11년 전 조회 2,190
11년 전 조회 5,500
11년 전 조회 5,064
11년 전 조회 5,459
11년 전 조회 6,334
11년 전 조회 6,011
11년 전 조회 5,535
11년 전 조회 2,047
11년 전 조회 6,919
11년 전 조회 2,794
11년 전 조회 2,294
11년 전 조회 4,270
11년 전 조회 2,221
11년 전 조회 3,931
11년 전 조회 3,514
11년 전 조회 2,678
11년 전 조회 2,901
11년 전 조회 2,229
11년 전 조회 3,388
11년 전 조회 2,179
11년 전 조회 6,716
11년 전 조회 3,550
11년 전 조회 4,629
11년 전 조회 2,277
11년 전 조회 2,429
11년 전 조회 2,314
11년 전 조회 2,869
11년 전 조회 2,260
11년 전 조회 2,901
11년 전 조회 5,524
11년 전 조회 3,339
11년 전 조회 3,311
11년 전 조회 7,276
11년 전 조회 3,224
11년 전 조회 4,091
11년 전 조회 3,708
11년 전 조회 2,346
11년 전 조회 4,470
11년 전 조회 3,806
11년 전 조회 7,178
11년 전 조회 4,798
11년 전 조회 3,274
11년 전 조회 3,452
11년 전 조회 1,898
11년 전 조회 2,771
11년 전 조회 2,292
11년 전 조회 4,877
11년 전 조회 2,716
11년 전 조회 2,687
11년 전 조회 2,862
11년 전 조회 4,980
11년 전 조회 4,930
11년 전 조회 4,706
11년 전 조회 2,373
11년 전 조회 4,737
11년 전 조회 3,996
11년 전 조회 4,479
11년 전 조회 2,014
11년 전 조회 3,793
11년 전 조회 3,777
11년 전 조회 3,852
11년 전 조회 2,846
11년 전 조회 3,302
11년 전 조회 2,649
11년 전 조회 2,436
11년 전 조회 3,063
11년 전 조회 2,360
11년 전 조회 5,240
11년 전 조회 4,869
11년 전 조회 2,621
11년 전 조회 3,856
11년 전 조회 2,293
11년 전 조회 3,059
11년 전 조회 4,688
11년 전 조회 5,009
11년 전 조회 5,914
11년 전 조회 2,287
11년 전 조회 2,849
11년 전 조회 4,287
11년 전 조회 2,461
11년 전 조회 2,455
11년 전 조회 3,042
11년 전 조회 2,328
11년 전 조회 3,585
11년 전 조회 3,099
11년 전 조회 5,187
11년 전 조회 3,604
11년 전 조회 5,877
11년 전 조회 2,698
11년 전 조회 2,519
11년 전 조회 3,201