Home > Article > Web Front-end > What is the role of scrollY attribute in JavaScript?
What is the role of scrollY attribute in JavaScript?
- PHPzforward
- 2023-08-28 11:45:08635browse
scrollY property is the same as pageYoffset property in JavaScript. If you want to get the pixel value to which the document is scrolled from the upper left corner of the window, use the scrollY property to get the vertical pixels.
Example
You can try running the following code to understand how to use the scrollY attribute in JavaScript.
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: yellow;
height: 1500px;
width: 1500px;
}
</style>
</head>
<body>
<script>
function scrollFunc() {
window.scrollBy(200, 200);
alert("Vertical: " + window.scrollY);
}
</script>
<button onclick="scrollFunc()" style="position:fixed;">Scroll</button>
<br><br><br>
<div>
</div>
</body>
</html>The above is the detailed content of What is the role of scrollY attribute in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete