HTML | Window pageYOffset Property
The Window pageYOffset property is used for returning the pixels of the current document which have been scrolled from the upper left corner of the window vertically. It is a read-only property and it returns a number that represents the number of pixels that the document has already been scrolled from the upper left corner of the window vertically.
Syntax:
window.pageYOffset
Below program illustrates the Window pageYOffset Property :
Getting the pixels that the document has already been scrolled from the upper left corner of the window vertically.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
Window pageYOffset Property in HTML
</ title >
< style >
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
div {
border: 2px black;
background-color: yellow;
height: 2000px;
width: 200px;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >Window pageYOffset Property</ h2 >
< p >
For returning pixels that the document has already
been scrolled from the upper left corner of the
window vertically, double click the "Check
pageYOffset" button:
</ p >
< button ondblclick="offset()" >
Check pageYOffset
</ button >
< div >
</ div >
< script >
function offset() {
window.scrollBy(100, 100);
alert("pageYOffset : " + window.pageYOffset);
}
</ script >
</ body >
</ html >
|
Output:
After clicking the button
Supported Browsers: The browser supported by Window pageYOffset 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
Last Updated :
01 Jun, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...