$(window).scroll(function () 不再在 chrome 和 firefox 中工作

Posted 2023-05-08

【中文标题】$(window).scroll(function () 不再在 chrome 和 firefox 中工作

【英文标题】：$(window).scroll(function () does not work in chrome and firefox anymore

【发布时间】：2012-04-01 04:28:43

【问题描述】：

我遇到了一个奇怪的问题。昨天一切似乎都找到了。今天，当我开始编写脚本时，$(window).scroll(function () 不再起作用了。

我没有更改任何代码。

我测试和测试，并发现这不再适用于 Chrome 和 Firefox。我唯一做的就是将 Firefox 更新到 11.0 版本。但我将 Chrome 用于个人用途。

这是不再工作的代码：

$(window).scroll(function()

        if($(window).scrollTop() == $(document).height() - $(window).height())

      alert("WORKING!);

);

我只在 Internet Explorer 中收到警报消息。问题似乎出在这条线上：

if($(window).scrollTop() == $(document).height() - $(window).height())

我也尝试过，就在当前页面的最后一个之前。

任何想法如何解决这个问题？我需要这个无限滚动功能才能在所有浏览器中工作。

问候

【问题讨论】：

您有语法错误。 alert("WORKING!); 应该是 alert("WORKING!");

我看到了，但这是我在这里写的代码示例。这就是我在原始代码中的警告（“ dd ”）

scroll() 在 Chrome 中为我工作，在 jQuery docs 上为它工作。你确定是 scroll() 不工作，而不是比较的东西吗？

我已经在 Chrome 17、FF 10 和 FF 11 中尝试了您的示例（减去语法错误）。在所有三个中，当滚动后到达页面底部时，会出现消息框。我不知道这是否意味着要发生。

我猜是比较。它无法弄清楚文件高度是我的猜测

【参考方案1】：

它在 FF 10.2.0 中为我工作，现在我也更新到 FF 11.0 并且它仍在工作。同样在 Chrome 17.0.963.79 中：

小提琴：http://jsfiddle.net/8tmvq/

代码：

if ($(window).scrollTop() == $(document).height() - $(window).height()) 
    alert('WORKING!');


alert($(window).scrollTop()); // no scroll ... so: 0
alert($(document).height()); // like: 477
alert($(window).height());​ // like: 477

还要确保您拥有有效的 DOCTYPE！

【讨论】：

那么，关于为什么这不再适合我的任何好的答案？

您的 html 代码是否有效且没有 quirks 模式？小提琴适合你吗？还是只是您网页上的代码？

小提琴奏效了。我检查了我的 HTML 代码。我只是删除了 index.php 文件中的所有内容，然后粘贴了小提琴中的代码，然后猜猜是什么！什么也没发生。也无法收到任何警报。

您没有收到任何警报，因为如果您因为未加载 jquery 而删除所有内容，则会出现错误？？？？我打赌你的 HTML 是有效的，因为它没有浏览器问题，如果小提琴有效。

我刚刚做的就是这个。我有一个空白的 .php 页面。里面什么都没有。粘贴在 cod jquery 代码中。如果我写了一个警报（“测试”），我会弹出这个警报。如果我从小提琴中粘贴代码，则没有警报。没有。刚刚在每个浏览器中尝试过，noen 似乎不再工作了。我正在运行 Windows 8 beta，也许这是个问题。我现在将格式化我的电脑并重新安装 Windows，看看是否对我有帮助