iframe 内的 jQuery 滚动事件

Question

我已经注意到有很多关于这个的帖子；但我不能从他们那里得到任何有用的东西。

我有一个包含 iframe 的 html 页面（我无法触摸）；这个 iframe 包含我制作的 html 页面（实际上包含页面的所有内容）。 我想做的是检测用户何时滚动到页面底部（即到 iframe 的底部）。所以我尝试以下方法：

$(document).ready(function() {
    $(window).scroll(function() {
        //...
    });
 });

在 iframe 内。但是当我滚动页面时它没有产生任何结果，就好像没有发生任何事件一样。 我已经阅读了很多内容，但我不明白整个内容是如何工作的（例如：document 是指 iframe 的容器，还是 iframe 本身？）。

谁能解释如何使用 jquery 处理 iframe？在这种情况下，我只能在 iframe 本身内部进行操作（如果这很了不起的话）。

感谢任何可以提供帮助的人！

Answer 1

您应该在iframe 加载时附加事件处理程序，或从iframe 内加载的页面执行以下脚本。

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