Question

我只有一个基本的iframe，在我的页面中间看起来像这样：

<iframe class="iframe" src="http://route-to.page"></iframe>

当用户向下滚动到此iframe时，它将获得额外的css类，这将使iframe全屏显示，具有以下css样式：

position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;

现在要点：当用户向下滚动这个全屏iframe一直到底部时，它应该从iframe中删除全屏css类。这样，用户就可以继续滚动浏览页面的其余部分。

Answer 1

$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
//do something
}
});

Answer 2

$(function () {
$("#iframeid").load(function () {
    var iframe = document.getElementById("iframeid").contentWindow;
    $(iframe).scroll(function () {
        if (   $(iframe).scrollTop()==$(iframe).height()-$("#iframeid").height()) {
            alert("Reached bottom!");             
        }
    });
});
})

检查用户是否向下滚动iframe到最后

2 个答案: