14164
14601
我正在嘗試對頁面進行無限滾動,但是測試我們是否位於頁面底部的條件在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”);
}
}
} 
哪種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;
}