그동안 너무 날로 받아먹어서..우측 퀵메뉴입니다.
쇼핑몰에 있는거를 커뮤니티에 불러와서 썼는데..
파일명도 햇갈리그
나중에 어디에 있는지 경로가 찾기도 힘들어서,,샵 뻬지직 샵 스킨 뿌지직어쩌그..
또 업데이트하면 그게 어디로 도망가그 해서,,
검색해서 가장 나아보이는거를 하루종일 찾았어요,,유유
그동안 고수님들 도움도 고맙고 여기서 너무 날로 받아먹어서
이제 유용한 정보를 드리고 싶어서,ㅎ
<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>
댓글 13개