gpt4 book ai didi

JavaScript 检测页面底部在 Chrome 上则相反

转载 作者:行者123 更新时间:2023-12-03 11:48:28 25 4
gpt4 key购买 nike

我正在尝试对页面进行无限滚动,但测试我们是否位于页面底部的条件在 Chrome 上表现不正确。在 Chrome 上,此警报似乎在页面顶部触发,而不是在点击底部时触发。不过它在 IE11 上可以正常工作。

在 Chrome 上 $(document).height() 等于 0。我有 <!DOCTYPE html>如果重要的话,请在我的页面顶部添加 html。

奇怪的是,我从另一个例子中得到了这个,它在 Chrome 上的 jsfiddle 中完美运行:http://jsfiddle.net/nick_craver/gWD66/

$(window).scroll(function () {
if ($(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( "BOTTOM!" );
$('body').height( bodyHeight + 200 + "px" );
}
});
body{
height:2000px;
}
#scrollIndex{
position:fixed;
top:0px;
right:0px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='scrollIndex'></div>

关于JavaScript 检测页面底部在 Chrome 上则相反,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25942240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com