스크롤하면 고정되는 메뉴 제이쿼리 [펌] > 팁앤테크

사이트 내 전체검색

팁앤테크

jQuery | 스크롤하면 고정되는 메뉴 제이쿼리 [펌]

페이지 정보

작성자 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일17-03-15 13:10 조회1,979회 댓글0건

본문

<style type="text/css">
.nav-container {background:url('images/nav_bg.jpg') repeat-x 0 0;}
.f-nav {z-index:9999; position:fixed; left:0; top:0; width:100%;}
     
.nav {height:42px;}
.nav ul {list-style:none;}
.nav ul li {float:left; margin-top:6px; padding:6px; border-right:1px solid #ACACAC;}
.nav ul li:first-child {padding-left:0;}
.nav ul li a:hover {text-decoration: underline;}
</style>

<div class="nav-container">
    <div class="nav">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">CSS</a></li>
            <li><a href="">PHP</a></li>
            <li><a href="">SEO</a></li>
            <li><a href="">jQuery</a></li>
            <li><a href="">Wordpress</a></li>
            <li><a href="">Services</a></li>
        </ul>
        <div class="clear"></div> /*clear floating div*/
    </div>
</div>

<script>
var nav = $('.nav-container');
 
$(window).scroll(function () {
    if ($(this).scrollTop() > 136) {
        nav.addClass("f-nav");
    } else {
        nav.removeClass("f-nav");
    }
});
</script>
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

팁앤테크 목록

Total 745건 1 페이지
팁앤테크 목록
번호 제목 글쓴이 날짜 조회
745 mysql varchar에 숫자를 넣고 정렬할때 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-22 30
744 g5 카테고리 여러개 선택하기 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-18 42
743 css 하이퍼링크의 점선 테두리 및 배경 없애기 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-02 57
742 mysql Using explode and in_array 인기글관련링크 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-22 104
741 php 안드로이드 테스트용 apk 설치 안될때(웹뷰-3) 인기글관련링크 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-21 293
740 php 안드로이드 웹뷰-2 인기글첨부파일 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-15 398
739 php 안드로이드 웹뷰-1 인기글첨부파일 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-12 483
738 PC 윈도우 10 앱 삭제 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-14 368
737 PC 노트북 윈도우 10 핫스팟 자동 실행 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-09 469
736 php select 주소 이동하기 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-25 867
735 css Noto Sans KR (Korean) 적용하기 인기글관련링크 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-20 781
734 PC 외장하드가 갑자기 RAW가 되어 인식이 불가능한 상황일때 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-30 1050
733 mobile 캐리어별 접속 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-05 1144
732 css 기본사용 @media 사이즈 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04 1204
731 php 사내용 AMP 일본어 우편번호 인기글첨부파일 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-18 1829
730 php 날짜 일수 차이 date_diff() 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-14 1766
729 php 유투브 주소에서 아이디 값만 추출하기 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-10 1731
728 jQuery jQuery, image changing on hover 마우스오버 이미지 변환 인기글관련링크 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-08 2168
열람중 jQuery 스크롤하면 고정되는 메뉴 제이쿼리 [펌] 인기글관련링크 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-15 1980
726 php PHP 현재 페이지 정보 확인하기 인기글 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-25 2236
게시물 검색