우측 퀵메뉴

by 조쉬 posted Dec 13, 2019
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

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