울어라휘파람새야

퀵메뉴 스크롤 따라 움직이기 본문

밥줄/JavaScript

퀵메뉴 스크롤 따라 움직이기

꼬꼬리코 2011. 1. 21. 18:26


<div id="floater" style="top:0px; z-index:10; position:absolute; margin:95px 0 0 920px; padding-left:50px; padding-top:120px;"><%if Request.Cookies("WSI")("Name") = "" then%>
 <script>flash('80','295','/images/swf/quick2.swf','y');</script>
<%else%>
 <script>flash('80','295','/images/swf/quick3.swf','y');</script>
<%end if%>
</div>


 <SCRIPT LANGUAGE="JavaScript">
<!--
 
 /*****************************************************************************
  * 퀵메뉴 이동하는 스크립트
 /*****************************************************************************/

 var lastScrollY = 0;
 var action = window.setInterval('scroll()',10);

 function scroll() {
  var diffTop = 0;
  var diffLeft = 0;
  var percent = 0;

  var diffY = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
  var diffX = 0;

 //alert(diffY);

  if (diffY != lastScrollY) {
   percent = .10 * (diffY - lastScrollY);
   if (percent > 0) {
    percent = Math.ceil(percent);
   } else {
    percent = Math.floor(percent);
   }
  
   diffTop = parseInt(document.getElementById("floater").style.top) + percent;
   document.getElementById("floater").style.top = diffTop;

   lastScrollY = lastScrollY + percent;
  }
 }
//-->

</SCRIPT>

출처 및 참고 : http://blog.naver.com/simjin1984?Redirect=Log&logNo=60066414626

** IE에서만 작동하고 기타 브라우저에선 작동하지 않음. (웹표준 문제인듯) 

Comments