Home > Article > Web Front-end > What is the role of scrollX attribute in JavaScript?

What is the role of scrollX attribute in JavaScript?

PHPzforward: 2023-09-22 23:33:031359browse

The scrollX attribute in JavaScript has the same effect as the pageXoffset attribute. If you want to get the pixel to which the document is scrolled from the upper left corner of the window, use the scrollX property of horizontal pixels.

Example

You can try running the following code to learn how to use the scrollX property 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("Horizontal: " + window.scrollX);
         }
      </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 scrollX attribute in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

JavaScript

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Allow camera device access only in HTML5Next article：Allow camera device access only in HTML5

See more

What is the role of scrollX attribute in JavaScript?

Example

Related articles