메뉴 건너뛰기

2019.12.13 19:31

우측 퀵메뉴

조회 수 442 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<style>
#quick {
  position: absolute;
  right: -142px;
  top: 152px;
  height: 390px;
  background: #fff;
  z-index: 2;
  border:1px solid #a19e9e;
}

</style>

스타일 위치는 조정하시그요

 

<div id="quick">     
메뉴나 이미지는 요기에 넣으세요~
< /div>

 

 

 

<script>
$(function() {

  var UI = {
    init: function() {
      this.quickMenuFn();

    },

    initialize: function() {
      this.id = {
        target: {
          quick: '#quick',

        },

      };
      this.init();
    },

    quickMenuFn: function() {
      var quick = $(this.id.target.quick);
      var qTop = parseInt(quick.css('top'));

      $(window).scroll(function() {
        var winTop = $(window).scrollTop();

        quick.stop().animate({
          top: winTop + qTop
        }, 400);

      })
    },


  };

  $(function() {
    UI.initialize();
  })

})
< /script>


List of Articles
번호 제목 날짜 조회 수
50 영카트5 DB 테이블별로 덤프하기 2019.04.29 922
49 그누보드5 검색최적화 방법입니다 file 2019.04.29 928
48 쉽고 간편한 인쇄 팁 file 2019.04.29 788
47 특정 게시판에서 이미지 파일만 업로드 허용하기 file 2019.12.09 415
» 우측 퀵메뉴 2019.12.13 442
45 style 수정시 서버에서 로딩되게 하기 2019.12.13 310
44 이미지에 워터마크 넣기 2019.12.13 445
43 iframe 금지된 사이트 iframe 으로 불러오기 2019.12.13 445
42 글 작성시 랜덤형 자동 댓글로 인사 멘트남기기 2019.12.13 466
41 jQuery 요소(elements) 미디어 컨버팅 플러그인 file 2019.12.13 365
40 이름 마지막 한자리 별표 처리 2019.12.13 372
39 카운트다운 스크립트 2019.12.13 370
38 네이버 밴드 글 가져오기 2019.12.13 547
37 회원 목록을 select 로 불러와서 선택시 input 에 집어넣기 file 2019.12.13 640
36 링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X) 2019.12.13 1286
35 '정상적으로 로그인하여 접근하시기 바랍니다.' 해결 방법 file 2020.12.09 483
34 회원 등급(권한)에 따라서 다른 메시지 보이기 2021.03.24 189
33 그누보드 카카오톡 로그인 V2 플러그인 file 2021.03.24 332
32 fullcalendar 달력 게시판 스킨 file 2021.03.24 423
31 그누보드 이력서 스킨 file 2021.03.24 214
Board Pagination Prev 1 2 3 4 Next
/ 4

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved