我正在嘗試對頁面進行無限滾動,但是測試我們是否位於頁面底部的條件在Chrome上無法正常運行。在Chrome上,此警報似乎在頁面頂部觸發,而不是在底部觸發。雖然它可以在IE11上正常工作。 在Chrome上,$(document).height()等於0。如果重要,我將在頁面頂部顯示<!DOCTYPE html> html。 奇怪的是,我從另一個示例中得到了這個示例,該示例在Chrome上的jsfiddle中非常有效:http://jsfiddle.net/nick_craver/gWD66/ $(window).scroll(function(){ 如果($(window).scrollTop()+ $(window).height()== $(document).height()){ alert(“ test”); } } }
2021-02-15 08:19:12
哪種CSS應用於頁面,body元素更是如此?可能是某些填充或邊距使$(document).height()等於$(window).scrollTop()和$(window).height()的組合。以下代碼將幫助您確定您是否真正滿足了if()條件。 您正在使用哪個版本的jQuery? $(window).scroll(function(){ var scrollPosition = $(window).scrollTop()+ $(window).height(); var bodyHeight = $(document).height(); $(“#scrollIndex”)。html(scrollPosition +“ /” + bodyHeight); if(scrollPosition == bodyHeight){ $(“#scrollIndex”)。html(“底部!”); $('body')。height(bodyHeight + 200 +“ px”); } }); 身體{ 高度:2000px; } #scrollIndex { 位置:固定 top:0px; 正確:0px; } -->