Window pageXOffset and pageYOffset property
Window object 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