PHP前端开发

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

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

文章标签属性

JavaScript中的scrollX属性与pageXoffset属性的作用相同。如果您想获取文档从窗口左上角滚动到的像素，请使用水平像素的scrollX属性。

示例

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

<!DOCTYPE html><html>   <head>      <style>         div {            background-color: yellow;            height: 1500px;            width: 1500px;         }      </style>   </head>   <body>      <script>         function scrollFunc() {            window.scrollBy(200, 200);            alert("Horizontal: " + window.scrollX);         }      </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 共享博客