Lấy vị trí cuộn hiện trong Chrome sử dụng scrollTop() trên tải trang/làm mới

Question

Chạy sau trong Chrome luôn trả về 0:

$(window).on('load', function(){ 
    console.log($(window).scrollTop()); 
}); 

Chạy cùng lệnh qua giao diện điều khiển:

$(window).scrollTop() 

Không trả về đúng số. (ví dụ: 843)

Có rất nhiều câu hỏi về vấn đề này ở đây trên StackOverflow nhưng không có câu hỏi nào cho tôi câu trả lời hoặc giải pháp thay thế chính xác. Tôi đang thua lỗ ...

Answer 1

scrollTop() trả về vị trí dọc hiện tại của thanh cuộn. Thông thường khi tải trang, thanh cuộn nằm ở vị trí 0. Nếu bảng điều khiển in ra một thứ khác, thì bạn hoặc trình duyệt phải cuộn xuống trước khi chức năng được gọi.

Nếu bạn đang sử dụng tên neo hoặc làm mới trang từ một vị trí cuộn, bạn có thể gắn một handler cho sự kiện cuộn mà chỉ gây nên một lần - vào tải trang:

$(window).on('scroll', function() { 
    console.log($(this).scrollTop()); 
});