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

본문 바로가기
사이트 내 전체검색

팁앤테크

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

페이지 정보

본문

<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>
추천0

댓글목록

등록된 댓글이 없습니다.

Total 825건 7 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
675 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19337 0 03-21
674 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19332 0 09-18
673 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19308 0 01-08
672 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19182 0 06-12
671 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19149 0 12-01
670 월드컵쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 19075 0 12-03
669 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19024 0 03-21
668 연후아빠쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18992 0 03-27
667 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18975 0 10-31
666 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18948 0 06-28
665 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18816 0 06-08
664 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18777 0 05-02
663 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18747 0 04-30
662 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18731 0 01-04
661 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18729 0 03-03
660 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18724 0 05-30
659 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18695 0 05-31
658 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18661 0 10-21
657 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18641 0 05-31
656 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18637 0 12-15
655 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18633 0 01-05
654 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18593 0 04-28
653 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18493 0 06-21
652 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18475 0 02-18
651 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18451 0 06-23

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
7,200
어제
7,582
최대
8,233
전체
1,585,652
Copyright (c) 株式会社YHPLUS. All rights reserved.