文件末尾的事件

时间:2012-03-12 20:26:05

标签: javascript jquery

我不明白为什么这不起作用。将不胜感激。

 var scrollTop = $(window).scrollTop();
    var height = $(window).height();
    if (scrollTop === height ) {
        alert("end!");
    }

http://jsfiddle.net/Zasxe/

2 个答案:

答案 0 :(得分:4)

$(window).height()为您提供用户视口的大小,而不是总文档的大小,这是您最想要的。要查找用户是否已到达文档的末尾,您必须按$(document).height()找到文档的大小。

此外,要查找用户是否已使用jQuery到达文档的末尾,您需要捕获scroll事件,并查看用户是否到达底部:

$(window).scroll(function () {
    if ($(window).scrollTop() + $(window).height() === $(document).height()) {
        alert("end!");
    }
});

答案 1 :(得分:1)

没有事件处理程序。该代码仅在页面加载时运行一次。

$(document).scroll(function () {
    // Your code here
});

请注意每次滚动时代码都会运行,所以不要让它变重。

正如其他人所说的那样,代码中存在许多其他问题 - 但首先要将处理程序放入其中。