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>
댓글목록
등록된 댓글이 없습니다.