Thuộc tính pageXOffset của Window

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

pageXOffset 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.

pageXOffset Thuộc tính bằng scrollX Thuộc tính.

pageXOffset 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ử ngay

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. Xóa 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ử ngay

Cú pháp

window.pageXOffset

hoặc:

pageXOffset

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.pageXOffset：

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