자동 스크롤

HTML & Script

자동 스크롤

duraboys 2007. 5. 2. 23:21

창을 열면 자동으로 스크롤바가 이동합니다.

스크롤바의 이동메서드

- scroll(x, y) : 현재 객체의 좌측 최상단의 좌료를 (0, 0)으로 보는, 절대적인 좌표를 사용해 스크롤바를 이동합니다.

└

이 메서드는 단순히 이전 버전에 맞추기위한 것이므로(폐기예정), 동일한 효과의 scrollTo()를 사용하길 권합니다.

- scrollTo(x, y) : 현재 객체의 좌측 최상단의 좌표를 (0, 0)으로 보는, 절대적인 좌표를 사용해 스크롤바를 이동합니다.

- scrollBy(x, y) : 시각적으로 현재 볼 수 있는 부분의 좌측상단을 (0, 0)으로 보는, 상대적인 좌표를 사용해 스크롤바를 이동합니다.

- scrollHeight : 스크롤바로 표시할 수 있는 객체의 전체높이입니다.

- clientHeight : 시각적으로 현재 볼 수 있는 객체의 높이입니다.

소스코드<html>
<script language="javascript">
<!--

var tScroll, userHeight, curPos = 0;

function runTimer() {
curPos = document.body.scrollTop + 3;
window.scroll(0, curPos);
userHeight = document.body.scrollHeight - document.body.clientHeight; // 시각적으로 볼 수 없는 높이의 합

if (curPos > userHeight) window.scroll(0, 0); // 볼 수 없는 높이와 스크롤바top좌표가 같으면 스크롤바의 이동완료를 의미
tscroll = window.setTimeout("runTimer()", 100);
}

window.onload = runTimer;
window.onunload = new Function("clearTimeout(tscroll)");

// -->
</script>

<body style="margin-bottom:350pt;" scroll="auto">
자동스크롤 
자동스크롤 
자동스크롤 
</body>
</html>