Có cách nào để tìm hiểu trang kết thúc bằng Jquery không, để một thông báo đơn giản có thể được hiển thị cho biết bạn đã đến cuối trang.Cảnh báo bằng cách sử dụng Jquery khi Cuộn đến cuối Trang
Trả lời
How to tell when you're at the bottom of a page:
if ( document.documentElement.clientHeight +
$(document).scrollTop() >= document.body.offsetHeight)
{
// Display alert or whatever you want to do when you're
// at the bottom of the page.
alert("You're at the bottom of the page.");
}
Tất nhiên bạn muốn bắn trên bất cứ khi nào người dùng cuộn:
$(window).scroll(function() {
if ( document.documentElement.clientHeight +
$(document).scrollTop() >= document.body.offsetHeight)
{
// Display alert or whatever you want to do when you're
// at the bottom of the page.
alert("You're at the bottom of the page.");
}
});
Here is a jsFiddle example mà mất dần trong một "bạn đã hoàn tất! . Di chuyển đến đầu trang liên kết" khi người dùng đã cuộn đến cuối trang
Tài liệu tham khảo:
Điều này không hiệu quả đối với tôi. Tôi đề nghị câu trả lời được chấp nhận cho câu hỏi SO này: http://stackoverflow.com/questions/3898130/how-to-check-if-a-user-has-scrolled-to-the-bottom –
@Ryan - Liệu jsFiddle không làm việc cho bạn? Bạn đang dùng trình duyệt nào? –
Nó có thể không cần tinh chỉnh để giải thích cho các trình duyệt, nhưng một cái gì đó như thế này nên làm:
$(document).scroll(function()
{
var $body = $('body');
if (($body.get(0).scrollHeight - $body.scrollTop) == $body.height())
{
// display your message
}
});
này sẽ làm việc và tôi đã thử nghiệm nó trong IE 7,8,9, FF 3.6, Chrome 6 và Opera 10,6
$(window).scroll(function()
{
if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height())
{
alert('end');
}
});
Nếu các giải pháp trên không hiệu quả xin vui lòng kiểm tra nếu bạn thiết lập loại tài liệu phải:
<!DOCTYPE HTML>
Đã cho tôi một tiếng đồng hồ để tìm hiểu :)
Để tránh trùng lặp console.log('end of page')
, bạn cần tạo setTimeout, như sau:
var doc = $(document), w = $(window), timer;
doc.on('scroll', function(){
if(doc.scrollTop() + w.height() >= doc.height()){
if(typeof timer !== 'undefined') clearTimeout(timer);
timer = setTimeout(function(){
console.log('end of page');
}, 50);
}
});
Hoặc bạn có thể xóa trình xử lý sự kiện sau khi thực hiện thành công đầu tiên (console.log) –
Lưu ý để gỡ lỗi: Tôi đã nhận được cảnh báo khi quay lại đầu trang (?) bằng cách sử dụng jquery-1.10.2.js. Tải jquery-1.6.4.min.js và tất cả là tốt.
- 1. Cuộn lên đầu trang bằng cách sử dụng jquery animate
- 2. Xác định khi cuộn xuống cuối trang bằng Javascript
- 3. Cách cuộn đến cuối System.Windows.Forms.WebBrowser?
- 4. Chuyển đến cuối trang bằng jQuery - Không có hoạt ảnh
- 5. Cách tải disqus khi cuộn xuống cuối trang?
- 6. Cách tạo DIV luôn ở cuối trang khi cuộn
- 7. Di chuyển đến một div bằng cách sử dụng jquery
- 8. Làm thế nào để phát hiện vị trí cuộn của trang bằng cách sử dụng jQuery
- 9. Cảnh báo jQuery sau 100 pixel được cuộn
- 10. jQuery: cách cuộn đến một số neo/div nhất định khi tải trang?
- 11. Làm thế nào để phát hiện nếu người dùng đã đạt đến gần cuối trang bằng cách sử dụng jQuery?
- 12. Cách cuộn cửa sổ bằng cách sử dụng hàm JQuery $ .scrollTo()
- 13. Cuộn đến div cụ thể khi tải trang
- 14. cách hiển thị hộp cảnh báo sau khi chèn thành công bằng cách sử dụng C#
- 15. Cuộn đến cuối ScrolledWindow/TextView
- 16. Cuộn trang dọc mượt mà bằng cách sử dụng bánh xe chuột và thanh cuộn
- 17. Cách cuộn cửa sổ tự động khi chuột di chuyển dưới cùng của trang bằng cách sử dụng jquery
- 18. Cảnh báo khi sử dụng Reachability.h
- 19. Không có thông báo cảnh báo khi document.ready - jQuery
- 20. Làm cách nào để hiển thị div khi người dùng đến cuối trang?
- 21. Cách cuộn trang bằng selenium
- 22. jQuery - Cuộn xuống cuối div trên slideDown
- 23. Cucumber Capybara cuộn xuống cuối trang
- 24. Cảnh báo thừa khi sử dụng maven-shade-plugin
- 25. cuộn lên và xuống một div khi nhấn nút bằng cách sử dụng jquery
- 26. JQuery cuộn lên đầu trang
- 27. Cách nhận url trang trước bằng cách sử dụng jquery
- 28. Jquery cuộn đến thẻ div
- 29. jQuery fadeIn fadeOut làm cho trang cuộn
- 30. Trang chặn cảnh báo javascript tải
bản sao có thể có của [Xác định khi được cuộn xuống cuối trang có Javascript] (http://stackoverflow.com/questions/2817042/determining-when-scrolled-to-bottom-of-a-page-with-javascript) –