이전
목록
다음
컴

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

잘살아보자
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2014-10-17 (금) 03:14:20 · 6447

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

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

 

 

 

#개발자팁 #개발자 #팁자료실 #jquery
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
15-05-06 조회 3,600
15-04-30 조회 3,843
15-04-30 조회 5,582
15-04-28 조회 4,002
15-04-28 조회 3,313
15-04-16 조회 4,462
15-04-13 조회 4,213
15-04-12 조회 3,772
15-04-10 조회 3,701
15-04-09 조회 3,993
15-04-09 조회 3,592
15-04-07 조회 3,224
15-04-06 조회 3,986
15-04-04 조회 4,604
15-04-04 조회 4,129
15-04-03 조회 4,291
15-04-02 조회 4,802
15-04-01 조회 5,983
15-04-01 조회 3,484
15-03-30 조회 3,350
15-03-30 조회 3,998
15-03-28 조회 4,574
15-03-27 조회 3,663
15-03-26 조회 3,391
15-03-24 조회 3,469
15-03-23 조회 3,546
15-03-23 조회 3,844
15-03-20 조회 3,979
15-03-20 조회 4,736
15-03-18 조회 3,341
15-03-18 조회 3,537
15-03-02 조회 7,914
15-02-27 조회 3,350
15-02-27 조회 3,809
15-02-25 조회 3,874
15-02-23 조회 4,187
15-02-20 조회 3,837
15-02-19 조회 3,857
15-02-12 조회 4,146
15-02-11 조회 4,628
15-02-11 조회 4,372
15-02-11 조회 5,253
15-02-10 조회 4,612
15-02-09 조회 4,764
15-02-06 조회 3,741
15-02-04 조회 4,043
15-02-04 조회 3,822
15-02-04 조회 3,519
15-02-03 조회 3,373
15-02-02 조회 3,493
15-02-02 조회 4,432
15-01-31 조회 3,519
15-01-31 조회 4,621
15-01-30 조회 6,377
15-01-30 조회 3,970
15-01-30 조회 3,915
15-01-29 조회 3,833
15-01-29 조회 3,729
15-01-29 조회 3,396
15-01-29 조회 4,672
15-01-28 조회 3,297
15-01-28 조회 3,737
15-01-26 조회 3,982
15-01-26 조회 3,937
15-01-24 조회 5,430
15-01-23 조회 3,715
15-01-23 조회 4,246
15-01-22 조회 3,560
15-01-22 조회 3,528
15-01-22 조회 4,407
15-01-20 조회 3,823
15-01-19 조회 3,630
15-01-18 조회 4,408
15-01-17 조회 3,347
15-01-16 조회 4,117
15-01-16 조회 4,011
15-01-16 조회 7,258
15-01-16 조회 3,828
15-01-15 조회 3,386
15-01-13 조회 6,022
15-01-12 조회 3,988
15-01-09 조회 3,711
15-01-09 조회 3,213
15-01-09 조회 3,475
15-01-08 조회 4,387
15-01-08 조회 6,688
15-01-07 조회 4,935
15-01-06 조회 3,534
15-01-06 조회 3,098
15-01-05 조회 4,023
15-01-05 조회 4,147
15-01-04 조회 6,234
15-01-03 조회 3,821
14-12-31 조회 5,599
14-12-30 조회 4,835
14-12-30 조회 3,458
14-12-30 조회 3,900
14-12-30 조회 5,420
14-12-27 조회 3,975
14-12-27 조회 4,081
글쓰기