Window pageXOffset and pageYOffset property
Definition and Usage
pageXOffset Sets or returns the current page with respect to the upper left corner of the window display area of the X position. pageYOffset Sets or returns the current page with respect to the upper left corner of the window display area Y position.
grammar
window.pageXOffset
window.pageYOffset
window.pageYOffset
Browser Support
All major browsers support pageXOffset and pageYOffset properties.
Note: IE 8 and earlier versions of IE does not support this property, but you can use the "document.body.scrollLeft" and "document.body.scrollTop" attribute.
Examples
Examples
Scrolling content 100 pixels and pop pageXOffset and pageYOffset:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> This tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
function scrollWindow () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" onclick = "scrollWindow ()" value = "scroll" />
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> This tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
function scrollWindow () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" onclick = "scrollWindow ()" value = "scroll" />
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
try it"
Window object