滚动功能以相反的顺序工作

时间:2013-12-04 13:58:12

标签: javascript jquery html css scroll

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

在我的情况下,当滚动到达顶部而不是底部时调用函数。以相反的顺序工作。

创建一个名为“scroll.html”的文件,然后将我的代码复制到该文件中并将其复制过去。你会发现错误

请帮助修复此问题而不是小提琴。

因为我的代码在小提琴中完美无缺。我想知道我的文件有什么问题?

代码:

<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文件。然后测试一下。

1 个答案:

答案 0 :(得分:1)

您的窗口高度未返回预期值,因为您未设置任何DOCTYPE:

<!DOCTYPE html>

SEE