우측 퀵메뉴입니다. > 그누보드

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


디자인팁
그누보드

CSS | 우측 퀵메뉴입니다.

페이지 정보

작성자 관리자 작성일19-10-29 22:50 조회472회 댓글0건

본문

<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>

 

댓글목록

등록된 댓글이 없습니다.

그누보드 목록

게시물 검색

접속자집계

오늘
55
어제
25
최대
1,002
전체
96,704
회사소개 개인정보취급방침 서비스이용약관 Copyright © 소유하신 도메인. All rights reserved.
상단으로