javascript - iframe 中的 jQuery 滚动事件

Question

我已经注意到有很多帖子都在处理这个问题；但我无法从中得到任何有用的东西。

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

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

在 iframe 中。但是当我滚动页面时它没有产生任何结果，就好像没有发生任何事件一样。 我读过很多东西，但我不明白整个事情是如何运作的(例如:文档指的是 iframe 的容器，还是 iframe 本身？)。

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

感谢任何能提供帮助的人!

Answer 1

您应该将事件处理程序附加到 iframe 加载或从加载到 iframe 中的页面执行以下脚本。

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