滚动ajax会在iframe中加载更多记录功能

Question

我想滚动ajax加载更多记录功能，但是......

我在外部网站的iframe中。父网站将iframe的高度自动设置为其内容（我的内容）的高度。如何检测用户是否已将父网站向下滚动直到我的iframe竞争结束？

我在网上尝试了多种解决方案，但所有这些解决方案都没有在iframe中运行。

这里有一个例子：http://jsfiddle.net/57oyyoc7/1/

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // ajax call get data from server and append to the div
        console.log("load more");
    }
});

Answer 1

实际上有一种方法可以做到这一点。我在评论中没有正确理解你的问题：

$(parent.window).scroll(function(e){
    if($(window.parent.document).scrollTop() >= $('html').height()) {
        console.log("load more from parent");
    }
});

Demo