【问题标题】:Scroll Function working in reverse order [closed]滚动功能以相反的顺序工作[关闭]
【发布时间】:2013-12-21 01:16:12
【问题描述】:

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

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

创建一个名为“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 文件。然后测试一下。

【问题讨论】:

  • 请在您的帖子中发布小提琴和代码示例。提供指向可能在几分钟、几小时、几天内不存在的网站的链接对于未来的访问者来说毫无用处。所以请发布您的代码,以及一个将存在超过几天的演示链接(例如在 jsfiddle 上)。
  • 你能显示有问题的代码吗?不要链接到外部文件。另外,您的链接无效。
  • @CodeHunter 请在您的帖子中发布小提琴和代码示例。提供指向可能在几分钟、几小时、几天内不存在的网站的链接对于未来的访问者来说毫无用处。所以请发布您的代码,以及一个将存在超过几天的演示链接(例如在 jsfiddle 上)。
  • 发布代码或FIDDLE
  • 我没有下载你的文件@CodeHunter ....

标签: javascript jquery html css scroll


【解决方案1】:

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

&lt;!DOCTYPE html&gt;

SEE

【讨论】:

  • 很棒的伙伴。它工作:)
猜你喜欢
  • 1970-01-01
  • 2018-12-21
  • 1970-01-01
  • 2019-01-01
  • 2016-02-18
  • 2012-11-13
  • 2015-07-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多