본문 바로가기

먹고살거/웹지식[IT정보]

팀교육 : 따라다니는 퀵메뉴 만들기

<script type="text/javascript">
jQuery(function($){
 var quickBox = $("#quick"); 
 var quickTop = parseInt(quickBox.offset().top); //퀵메뉴 top 포지션을 변수로 저장
 //alert(quickTop);
 $(window).scroll(function(){ //스크롤 발생시 펑션 실행
  var scTop = Math.max(document.documentElement.scrollTop,document.body.scrollTop); //스크롤 값 가져와 변수로 저장
  quickBox.stop(); //기존 퀵메뉴 움직임을 멈추고
  quickBox.animate({"top":scTop + quickTop},600); //퀵메뉴를 기본 top 포지션값+스크롤된 값 만큼 애니메이션 시킨다
 });
});
</script>
</head>

 

 

<body>
<div id="content_a">
 컨텐츠 영역
</div>
<div id="quick">
 퀵메뉴
</div>
</body>
</html>