Computer >> Máy Tính >  >> Lập trình >> Javascript

Vai trò của thuộc tính scrollX trong JavaScript là gì?

Thuộc tính scrollX trong JavaScript hoạt động giống như pageXoffset bất động sản. Nếu bạn muốn lấy các pixel mà tài liệu cuộn đến từ góc trên bên trái của cửa sổ, thì hãy sử dụng thuộc tính scrollX cho các pixel ngang.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với thuộc tính scrollX trong 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>