창 pageXOffset 및 pageYOffset 속성
Window 객체 정의 및 사용
pageXOffset 설정 또는 X 위치의 윈도우 표시 영역의 상부 좌측 코너와 관련하여 현재 페이지를 리턴한다. pageYOffset 설정 또는 창 표시 영역 Y 위치의 왼쪽 상단 모서리에 대하여 현재 페이지를 반환합니다.
문법
window.pageXOffset
window.pageYOffset
window.pageYOffset
브라우저 지원
모든 주요 브라우저는 pageXOffset 및 pageYOffset 속성을 지원합니다.
IE 8과 IE의 이전 버전이 속성을 지원하지 않습니다,하지만 당신은 "document.body.scrollLeft"와 "document.body.scrollTop"속성을 사용할수있습니다.
예
예
내용 100 픽셀 스크롤 및 pageXOffset 및 pageYOffset 팝 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
</ 헤드>
<헤드>
<스크립트>
() {scrollWindow를 작동
window.scrollBy (100, 100)를
경고 ( "pageXOffset :"+ window.pageXOffset + ", pageYOffset :"+ window.pageYOffset)
}
</ 스크립트>
</ 헤드>
<바디>
<입력 유형 = "버튼"onclick을 = "scrollWindow ()"값 = "스크롤"/>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
</ 헤드>
<헤드>
<스크립트>
() {scrollWindow를 작동
window.scrollBy (100, 100)를
경고 ( "pageXOffset :"+ window.pageXOffset + ", pageYOffset :"+ window.pageYOffset)
}
</ 스크립트>
</ 헤드>
<바디>
<입력 유형 = "버튼"onclick을 = "scrollWindow ()"값 = "스크롤"/>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
로 <br>
<P> 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 스크롤 </ P>
</ BODY>
</ HTML>
»시도
Window 객체