9590
18658
我正在尝试对页面进行无限滚动,但是测试我们是否位于页面底部的条件在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;
}