Cuộn cửa sổY
ví dụ 1
Cuộn nội dung 100 pixel và thông báo cho cuộnX và cuộnY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính scrollY
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 tính scrollY
ở chế độ chỉ đọc.
Ghi chú
Thuộc tính scrollY
bằng thuộc tính pageYOffset
.
Để tương thích giữa nhiều trình duyệt, hãy sử dụng window.pageYOffset thay vì window.scrollY.
Xem thêm:
Cú pháp
window.scrollY
hoặc chỉ:
scrollY
Giá trị trả về
Kiểu | Sự miêu tả |
Một số | Số pixel tài liệu đã cuộn từ góc trên bên trái của cửa sổ. |
Thêm ví dụ
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ãy tự mình thử »Hỗ trợ trình duyệt
window.scrollY
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |