이전
목록
다음
컴

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

잘살아보자
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2014-10-17 (금) 03:14:20 · 6365

<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 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
16-06-11 조회 2,897
16-02-15 조회 3,216
16-02-02 조회 2,877
16-01-25 조회 2,498
16-01-18 조회 2,583
16-01-08 조회 2,534
16-01-07 조회 2,557
16-01-05 조회 2,578
16-01-05 조회 2,877
16-01-05 조회 2,696
16-01-05 조회 2,733
16-01-04 조회 2,537
16-01-04 조회 2,606
16-01-04 조회 2,556
16-01-04 조회 2,472
15-12-30 조회 2,800
15-12-24 조회 2,622
15-12-24 조회 2,634
15-12-24 조회 2,655
15-12-24 조회 2,614
15-12-23 조회 2,595
15-12-16 조회 2,682
15-12-15 조회 2,758
15-12-11 조회 2,848
15-12-10 조회 2,739
15-11-09 조회 2,730
15-11-09 조회 2,960
15-10-06 조회 3,284
15-10-02 조회 3,074
15-05-29 조회 4,407
15-02-02 조회 4,304
15-01-18 조회 4,243
14-10-25 조회 8,293
14-10-25 조회 5,054
14-10-22 조회 7,076
14-10-22 조회 4,785
14-10-22 조회 4,730
14-10-18 조회 5,611
14-10-17 조회 5,979
14-10-17 조회 5,350
14-10-17 조회 8,795
14-10-17 조회 6,366
14-10-13 조회 4,229
14-10-13 조회 4,370
14-10-07 조회 6,069
14-09-24 조회 3,851
14-09-23 조회 3,924
14-09-22 조회 4,811
14-09-22 조회 6,027
14-09-22 조회 4,000
14-09-22 조회 3,673
14-09-21 조회 4,237
14-09-21 조회 3,724
14-09-20 조회 3,731
14-09-20 조회 3,638
14-09-20 조회 3,819
14-09-19 조회 3,769
14-09-19 조회 3,906
14-09-19 조회 3,799
14-09-19 조회 4,039
14-09-19 조회 3,818
14-09-19 조회 3,734
14-09-19 조회 4,013
14-09-19 조회 3,770
14-09-19 조회 3,811
14-09-19 조회 3,791
14-09-18 조회 3,860
14-09-18 조회 3,823
14-09-18 조회 4,074
14-09-18 조회 4,067
14-09-18 조회 4,076
14-09-18 조회 4,781
14-09-18 조회 5,329
14-09-18 조회 5,246
14-09-18 조회 4,052
14-09-18 조회 4,536
14-09-18 조회 4,179
14-08-30 조회 5,287
14-08-06 조회 5,917
14-08-06 조회 5,510
14-08-03 조회 5,173
14-06-12 조회 5,430
14-05-11 조회 3,625
14-05-11 조회 4,409
14-05-11 조회 4,502
14-05-09 조회 1.2만
14-05-01 조회 4,977
14-03-30 조회 4,333
14-03-23 조회 7,940
14-02-12 조회 3,837
13-10-29 조회 7,796
13-10-28 조회 8,618
13-09-29 조회 6,574
13-09-29 조회 4,200
13-07-23 조회 5,047
13-07-23 조회 1.2만
13-07-14 조회 4,640
13-07-14 조회 5,013
13-07-14 조회 5,958
13-07-14 조회 5,264
글쓰기