오른쪽 스크롤 달고 싶어요. 정보
오른쪽 스크롤 달고 싶어요.
본문
오른쪽에 스크롤 메뉴를 달고 싶습니다.
자바스크립트가 필요할 것 같은데..
속도도 조절되고, 위치도 정할 수 있는 자바스크립트좀 부탁드립니다.
참고로 제 홈페이지의 테이블위치가 가운데 정렬이 아닌 왼쪽정렬로 하다보니까
화상도가 떨어지는 모니터와 화상도가 높은 모니터에서 스크롤 메뉴의 위치가 달라지는 것 같더라구요. 그걸 해결하려다 완전히 홈페이지 소스 버려놓아서 새로 하고 있습니다.
부탁드립니다.
댓글 전체
팁게시판에서 스크롤로 검색
스킨자료실에서도....^^
스킨자료실에서도....^^
가운데 정렬이 아닌 왼쪽정렬이 스크롤 적용시 더 좋은거 같습니다.
스크롤 필요한 페이지에 아래 코드를 추가가하세요.
<div id="divMenu" style="position:absolute; left:896px; top:520px; width:97px; height:500px; z-index:1">
여기에 테이블이나 이미지
</div>
<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 +80 ; // 위쪽 위치
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) +90; // 위쪽 위치
}
timeoutNextCheck = 500;
if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20); //숫자조절로 스크롤 속도 변경
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);
}
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset +10;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) +10;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</SCRIPT>
스크롤 필요한 페이지에 아래 코드를 추가가하세요.
<div id="divMenu" style="position:absolute; left:896px; top:520px; width:97px; height:500px; z-index:1">
여기에 테이블이나 이미지
</div>
<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 +80 ; // 위쪽 위치
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) +90; // 위쪽 위치
}
timeoutNextCheck = 500;
if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20); //숫자조절로 스크롤 속도 변경
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);
}
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset +10;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) +10;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</SCRIPT>
궁금만땅님 제가 지금 해보도록 하겠습니다.
그런데 내용에서 width:97px; height:500px 는 무슨 의미인가요?
그런데 내용에서 width:97px; height:500px 는 무슨 의미인가요?
