Thuộc tính scrollY của Window

Định nghĩa và cách sử dụng

scrollY thuộc tính trả về số pixel cuộn từ góc trên cùng bên trái của cửa sổ tài liệu.

scrollY thuộc tính là chỉ đọc.

thông báo

scrollY thuộc tính bằng Thuộc tính pageYOffset thuộc tính.

Để đảm bảo tương thích giữa các trình duyệt, hãy sử dụng window.pageYOffset thay vì window.scrollY.

Xin xem thêm:

Thuộc tính pageXOffset

Thuộc tính pageYOffset

Mô hình

Ví dụ 1

Cuộn nội dung 100 pixel, và thông báo scrollX và scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

Thử ngay

Ví dụ 2

Tạo thanh導航 dính:

// Lấy thanh導航
const navbar = document.getElementById("navbar");
// Lấy vị trí cuộn của thanh導航
const sticky = navbar.offsetTop;
// Khi bạn đến vị trí cuộn, thêm lớp sticky vào thanh導航. Xóa lớp sticky khi rời vị trí cuộn.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Thử ngay

Cú pháp

window.scrollY

hoặc:

scrollY

Giá trị trả về

Loại Mô tả
Số Số pixel cuộn từ góc trên cùng bên trái của cửa sổ tài liệu.

Trình duyệt hỗ trợ

Tất cả các trình duyệt đều hỗ trợ window.scrollY：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ