Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 스킨 스쿠버
- 디즈니씨
- 나의 프로젝트
- 명사 추출기
- iBatis
- 주식이야기
- ajax
- 도커
- flex3
- docker
- Eclipse
- node.js web framework
- rss
- php
- ror실행
- 명사 뽑아내기
- express for node.js
- C/C++
- ejb
- scala
- 메일왕창보내는법
- 책이야기
- Lift
- 명사 분석기
- Cross
- 나의 취미
- Node.js
- nodejs express
- php thumbnail
- 베트남어
Archives
- Today
- Total
nkdk의 세상
JS :: 자동 스크롤 본문
창을 열면 자동으로 스크롤바가 이동합니다.
스크롤바의 이동메서드
- 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>