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