Thuộc tính pageYOffset của Window

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

pageYOffset 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ổ.

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

pageYOffset Thuộc tính là chỉ đọc.

Xem thêm:

Thuộc tính screenX

Thuộc tính screenY

Mô hình

Ví dụ 1

Cuộn nội dung 100 pixel và thông báo pageXOffset và pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

thử trực tiếp

Ví dụ 2

Tạo thanh điều hướng dính:

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

thử trực tiếp

cú pháp

window.pageYOffset

hoặc:

pageYOffset

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.

Hỗ trợ trình duyệt

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

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