사이트 내 전체검색
[javascript] 스크롤 메뉴
로빈아빠
https://cmd.kr/javascript/547 URL이 복사되었습니다.

본문

<script>
 
function initMoving(target, position, topLimit, btmLimit) {
   
if (!target)
   
return false;


   var obj = target;
   obj
.initTop = position;
   obj
.topLimit = topLimit;
   obj
.bottomLimit = document.documentElement.scrollHeight - btmLimit;


   obj.style.position = "absolute";
   obj
.top = obj.initTop;
   obj
.left = obj.initLeft;


   if (typeof(window.pageYOffset) == "number") {
    obj
.getTop = function() {
     
return window.pageYOffset;
   
}
   
} else if (typeof(document.documentElement.scrollTop) == "number") {
    obj
.getTop = function() {
     
return document.documentElement.scrollTop;
   
}
   
} else {
    obj
.getTop = function() {
     
return 0;
   
}
   
}


   if (self.innerHeight) {
    obj
.getHeight = function() {
     
return self.innerHeight;
   
}
   
} else if(document.documentElement.clientHeight) {
    obj
.getHeight = function() {
     
return document.documentElement.clientHeight;
   
}
   
} else {
    obj
.getHeight = function() {
     
return 500;
   
}
   
}


   obj.move = setInterval(function() {
   
if (obj.initTop > 0) {
     pos
= obj.getTop() + obj.initTop;
   
} else {
     pos
= obj.getTop() + obj.getHeight() + obj.initTop;
     
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
   
}


    if (pos > obj.bottomLimit)
     pos
= obj.bottomLimit;
   
if (pos < obj.topLimit)
     pos
= obj.topLimit;


    interval = obj.top - pos;
    obj
.top = obj.top - interval / 3;
    obj
.style.top = obj.top + "px";
   
}, 30)
 
}
</script>
<div id="aside"><a href="#" onFocus="this.blur()"><img src="../images/common/top.gif" border="0" onFocus="this.blur()" title="TOP" /></a></div>
<script type="text/javascript">initMoving(document.getElementById("aside"), 420, 100, 100);</script>

댓글목록

등록된 댓글이 없습니다.

831 (8/17P)

Search

Copyright © Cmd 명령어 3.135.202.38