묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이동메뉴를 표안의 Position적용하기?
2003.04.09 00:35
메뉴이동기능을 구현 중입니다.
이동메뉴기능 자바 스크립트에 설정을 잘 몰라서 그러거든요.
아래는 제가 사용하는 자바 스크립트 입니다.
<style type="text/css">
<!--
#floater {position:absolute; visibility:visible}
-->
</style>
<script language="JavaScript">
<!--
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
//-->
</script>
______________________________________________________________________________________________________________________
그리고 이동 메뉴의 위치를 정의 하는 아래 부분이구요.
<div id=floater style="left:0 ;top:390; height:60; z-index:10">
왼쪽에서 0 위에서 390에 위치 하는 설정을 사용중입니다.
이것은 화면에서 절대위치 같이 동작하거든요.
저의 화면 설정은 표 구성의 노프레임을 적용한것입니다.
좌측에 이동메뉴가 있구요.
화면의 절대위치가 아닌 표 안에서 적용하는 상대위치를 구현 하고 싶거든요..
다시 말해서 움직이는 메뉴가 있는 표안의 좌표를 적용하려면 어떻게 해야만 하나요??
고수님의 많은 조언 부탁 드립니다.
이동메뉴기능 자바 스크립트에 설정을 잘 몰라서 그러거든요.
아래는 제가 사용하는 자바 스크립트 입니다.
<style type="text/css">
<!--
#floater {position:absolute; visibility:visible}
-->
</style>
<script language="JavaScript">
<!--
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
//-->
</script>
______________________________________________________________________________________________________________________
그리고 이동 메뉴의 위치를 정의 하는 아래 부분이구요.
<div id=floater style="left:0 ;top:390; height:60; z-index:10">
왼쪽에서 0 위에서 390에 위치 하는 설정을 사용중입니다.
이것은 화면에서 절대위치 같이 동작하거든요.
저의 화면 설정은 표 구성의 노프레임을 적용한것입니다.
좌측에 이동메뉴가 있구요.
화면의 절대위치가 아닌 표 안에서 적용하는 상대위치를 구현 하고 싶거든요..
다시 말해서 움직이는 메뉴가 있는 표안의 좌표를 적용하려면 어떻게 해야만 하나요??
고수님의 많은 조언 부탁 드립니다.