PHP前端开发

scrollY属性在JavaScript中的作用是什么？

百变鹏仔 4周前 (09-22) #HTML

文章标签属性

scrollY属性在JavaScript中与pageYoffset属性相同。如果您想要获取文档从窗口左上角滚动到的像素值，则使用scrollY属性获取垂直像素。

示例

您可以尝试运行以下代码以了解如何在JavaScript中使用scrollY属性。

<!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>

文章推荐

本站为非盈利性网站,不接受任何赞助和广告。

特别声明：本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。 | 举报邮箱：344225443@qq.com

互联网ICP备案：陕ICP备2023000799号 Copyright 2023-2024 sharedbk.com All rights reserved | (c)2008-2024 共享博客