滚动功能按相反顺序工作

Scroll Function working in reverse order

本文关键字：顺序 工作 功能 滚动      更新时间：2024-02-26

当用户滚动到底部时，我正在调用一个函数。

在我的例子中，当滚动到达顶部而不是底部时调用函数。按相反的顺序工作。

制作一个名为"scroll.html"的文件，并将我的代码复制到下面的文件中。你会发现错误

请在文件中而不是在fiddle中帮助解决此问题。

因为我的代码非常好用。我想知道我的文件有什么问题？

代码：

<html>
<head>
<script src="http://code.jquery.com/jquery-2.0.2.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
    $(window).scroll(function () {
        if ($(document).height() == $(window).scrollTop() + $(window).height()) {
            alert('You''ve reached the bottom');
        }
    });
});
</script>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

请制作一个HTML文件。然后测试它。

您的窗口高度没有返回预期值，因为您没有设置任何DOCTYPE:

<!DOCTYPE html>

参见

相关文章：