묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
왼쪽 메뉴 소스점..
2002.10.20 23:49
엔지오 게시판 왼쪽에 항상 아래위로 스크롤바를 옮길떄마다
따라다니는 메뉴바가 있는데요, 어떻게 하는 것인지 궁금합니다.
답변 부탁합니다(__)
따라다니는 메뉴바가 있는데요, 어떻게 하는 것인지 궁금합니다.
답변 부탁합니다(__)
<SCRIPT language=javascript>
<!-- //
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
var isNS = navigator.appName == "Netscape";
function moveRightEdge() {
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if (isNS4) {
yMenuFrom = divMenu.top;
yMenuTo = windows.pageYOffset+10;
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop)+10;
}
if(yMenuTo<153) yMenuTo = 153;
timeoutNextCheck = 500;
if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 10);
if (yMenuTo < yMenuFrom) yOffset = -yOffset;
if (isNS4) divMenu.top += yOffset;
else if (isDOM) divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("moveRightEdge()", timeoutNextCheck);
}
-->
</SCRIPT>
이걸 아무대나 쑤셔 박아 주시고요.(위쪽이 좋겠죠.)
따라다니는 메뉴바를 쓰실 부분에
<DIV id=divMenu style="LEFT: 왼쪽공백(절대치)px; VISIBILITY: visible; WIDTH: 레이어가로길이; POSITION: absolute; TOP: 위쪽공백(절대치)px;">
메뉴
</DIV>
이런식으로 감싸주세요. 그다음에 그 밑에
<SCRIPT language=javascript>
<!-- //
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset + 153;
divMenu.visibility = "visible";
moveRightEdge();
}
else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 153;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</SCRIPT>
이걸 쓰시면 됩니다. 속도를 조절하시려면 맨 위쪽 소스의 timeoutNextCheck = 500; 부분에서
500 부분을 조절해보세요.