메뉴 건너뛰기

2019.12.13 19:31

우측 퀵메뉴

조회 수 299 추천 수 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
번호 제목 날짜 조회 수
40 회원 목록을 select 로 불러와서 선택시 input 에 집어넣기 file 2019.12.13 401
39 회원 등급(권한)에 따라서 다른 메시지 보이기 2021.03.24 40
38 특정 게시판에서 이미지 파일만 업로드 허용하기 file 2019.12.09 248
37 카운트다운 스크립트 2019.12.13 231
36 이미지에 워터마크 넣기 2019.12.13 284
35 이름이나 연락처 중간 부분을 *** 표시로 숨기기 file 2017.04.12 2909
34 이름 마지막 한자리 별표 처리 2019.12.13 240
» 우측 퀵메뉴 2019.12.13 299
32 영카트5 DB 테이블별로 덤프하기 2019.04.29 785
31 여분필드를 활용한 게시판 스킨 제작 - 여분 필드 10개 이상 사용하기 file 2017.04.12 2294
30 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-3 file 2017.04.13 3171
29 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-2 file 2017.04.13 4170
28 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-1 file 2017.04.13 3329
27 여분필드를 활용한 게시판 스킨 제작 - 기본적인 사용 방법 2017.04.13 2791
26 쉽고 간편한 인쇄 팁 file 2019.04.29 638
25 배열을 사용해서 여분필드 한 개로 연락처 입력란 3등분하기 file 2017.04.12 2205
24 링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X) 2019.12.13 746
23 다음날 00시에 쿠키 만료되도록 하는 방법 2014.02.27 4325
22 네이버 밴드 글 가져오기 2019.12.13 325
21 글 작성시 랜덤형 자동 댓글로 인사 멘트남기기 2019.12.13 234
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved