HTML DOM Window pageXOffset Property
The Window pageXOffset property is used for returning the pixels of the current document which have been scrolled from the upper left corner of the window horizontally. It is a read-only property and it returns a number which represents the number of pixels that the document has already been scrolled from the upper left corner of the window horizontally.
Syntax:
window.pageXOffset
Return Value: It returns a Number that represents the number of pixels which the document has already been scrolled from the upper left corner of the window, horizontally.
Below program illustrates the Window pageXOffset Property :
Getting the pixels that the document has already been scrolled from the upper left corner of the window horizontally.
html
<!DOCTYPE html> < html > < head > < title > Window pageXOffset Property in HTML </ title > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } div { border: 2px black; background-color: yellow; height: 100px; width: 2000px; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >Window pageXOffset Property</ h2 > < p > For returning pixels that the document has already been scrolled from the upper left corner of the window horizontally, double click the "Check pageXOffset" button: </ p > < button ondblclick = "offset()" style = "position:fixed;" > Check pageXOffset </ button > < div > </ div > < script > function offset() { window.scrollBy(100, 100); alert("pageXOffset : " + window.pageXOffset); } </ script > </ body > </ html > |
Output:
After clicking the button
Supported Browsers: The browser supported by Window pageXOffset Property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 9 and above
- Firefox 1 and above
- Opera 3 and above
- Safari 1 and above
Contact Us