Javascript 滚动到页面的特定高度
我有一个非常简单的单行代码,检查用户是否已滚动到页面底部,我想对其进行一点更改&查找用户是否已到达页面的页脚。页脚的高度大约是350px 这是我的密码:Javascript 滚动到页面的特定高度,javascript,Javascript,我有一个非常简单的单行代码,检查用户是否已滚动到页面底部,我想对其进行一点更改&查找用户是否已到达页面的页脚。页脚的高度大约是350px 这是我的密码: if($(window).scrollTop() + $(window).height() == ($(document).height()) { ... } 这就像一个符咒(在滚动事件中加载更多内容),但如果我喜欢这样做: if($(window).scrollTop() + $(window).height() == ($(documen
if($(window).scrollTop() + $(window).height() == ($(document).height())
{
...
}
这就像一个符咒(在滚动事件中加载更多内容),但如果我喜欢这样做:
if($(window).scrollTop() + $(window).height() == ($(document).height()-350))
这不管用。当我尝试发出警报('$(document.height()-350')时。它提供了一个完美的警报
有人能说出我做错了什么吗?试试看
if($(window).scrollTop() + $(window).height() >= $(document).height()-350)
另外,在$(document).height()前面有“(”字符,需要删除它您可能一次滚动超过1个像素,只需跳过相等点。将其设为>=即可:
if($(window).scrollTop() + $(window).height() >= ($(document).height()-350))
您希望使用
=
而不是=
,否则您必须在滚动中保持像素完美,才能触发事件
试试看。您可以使用页脚元素的.offset().top
来获取相对于文档的Y位置
var scrollBottom = $(window).scrollTop() + $(window).height();
var footerTop = $('#footer').offset().top; // change selector as needed
if ( scrollBottom >= footerTop ) {
alert("hello footer");
}
看起来您缺少了一些括号(),您可能一次滚动超过1个像素,只是跳过了相等点。将它设为
=
,它应该work@Banana这是一件非常棒的事情,它成功了,非常感谢:)页脚上有空白吗?您要检查的内容非常准确,应该按照上面的建议使用>=作为答案。您可以对此进行评论&我很乐意接受。