search

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

What is the role of pageXOffset attribute in JavaScript?

PHPz
PHPzforward
2023-09-16 09:17:061408browse

What is the role of pageXOffset attribute in JavaScript?

If you want to get the pixels to which the document is scrolled from the upper left corner of the window, use the pageXoffset and pageYoffset properties. Use pageXoffset for horizontal pixels.

Example

You can try running the following code to learn how to use the pageXOffset property in JavaScript -

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: green;
            height: 1500px;
            width: 1500px;
         }
      </style>
   </head>
   <body>
      <script>
         function scrollFunc() {
            window.scrollBy(200, 200);
            alert("Horizonal: " + window.pageXOffset);
         }
      </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 pageXOffset 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：How to add the values ​​of HTML elements?Next article：How to add the values ​​of HTML elements?

Related articles

See more