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

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

팁앤테크

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

페이지 정보

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

본문

<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 748건 1 페이지
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
748 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 59 03-28
747 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 84 02-14
746 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 124 02-11
745 mysql zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 187 12-22
744 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 208 12-18
743 css zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 211 12-02
742 mysql zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 237 10-22
741 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 519 08-21
740 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 604 08-15
739 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 690 08-12
738 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 538 06-14
737 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 720 06-09
736 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1207 04-25
735 css zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1019 04-20
734 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1497 03-30
게시물 검색

회원로그인

제나플러스

제나플러스 더보기

〒 171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
Kor Tel : 070-7847-6246
Tel : (+81)070-4104-3673 / (+81)03-3984-3703
Fax : (+81)03-3984-9330 / E-mail : zeronara@gmail.com
Copyright © zeronara.net. All rights reserved.