javascript - 检查用户是否向下滚动 iframe 到末尾

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
}
});