Window scrollX
ví dụ 1
Cuộn nội dung 100 pixel và thông báo cho scrollX và scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc scrollX
tính trả về các pixel mà tài liệu đã cuộn từ góc trên bên trái của cửa sổ.
Thuộc scrollX
tính ở chế độ chỉ đọc.
Ghi chú
Tài scrollX
sản bằng
pageXOffset
tài sản.
Để tương thích với nhiều trình duyệt, hãy sử dụng window.pageXOffset thay vì window.scrollX.
Xem thêm:
Cú pháp
window.scrollX
hoặc chỉ:
scrollX
Giá trị trả lại
Loại | Sự miêu tả |
Một số | Số pixel mà tài liệu đã cuộn từ góc trên bên trái của cửa sổ. |
Các ví dụ khác
Tạo một thanh điều hướng cố định:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Hỗ trợ trình duyệt
window.scrollX
được hỗ trợ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |