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