창을 열면 자동으로 스크롤바가 이동합니다.
 
 스크롤바의 이동메서드
- 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">
자동스크롤<br><br><br><br>
자동스크롤<br><br><br><br>
자동스크롤<br><br><br><br>
</body>
</html>

'HTML & Script' 카테고리의 다른 글

javascript String prototype 정리  (2) 2007.05.02
깔끔한 TEXTAREA 만들기  (0) 2007.05.02
사이트미리보기 기능  (0) 2007.05.02
HTML Tip& 자바 스크립트 훔치기  (0) 2007.05.02
scrollbars  (2) 2007.05.02

+ Recent posts

티스토리툴바