테스트 사이트 - 개발 중인 베타 버전입니다

그동안 너무 날로 받아먹어서..우측 퀵메뉴입니다.

· 7년 전 · 6870 · 13

쇼핑몰에 있는거를 커뮤니티에 불러와서 썼는데..

파일명도 햇갈리그

나중에 어디에 있는지 경로가 찾기도 힘들어서,,샵 뻬지직 샵 스킨 뿌지직어쩌그.. 

또 업데이트하면 그게 어디로 도망가그 해서,,

 

검색해서 가장 나아보이는거를 하루종일 찾았어요,,유유

그동안 고수님들 도움도 고맙고 여기서 너무 날로 받아먹어서

이제 유용한 정보를 드리고 싶어서,ㅎ

 

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

head.php에 넣으면 되나요?
감사합니다. 좌우로 붙였더니 홈피가 아주 사네요..^^
감사합니다. 잘써먹겠습니다!
감사합니다~
감사합니다 잘 쓰겠습니다,
감사합니다.^^
감사합니다. ^-^

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고