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

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

Thuộc tính scrollY trong JavaScript hoạt động giống như thuộc tính pageYoffset. Nếu bạn muốn lấy 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 scrollY cho pixel dọc.

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 scrollY 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("Vertical: " + window.scrollY);
         }
      </script>
      <button onclick="scrollFunc()" style="position:fixed;">Scroll</button>
      <br><br><br>
     <div>
     </div>
   </body>
</html>