Fullpage js停止在iframe内滚动

Question

我在我的网站上使用整页js，其中一个部分我已经包含了一个iframe。

example issue

如果您移动到上面示例中的最后一部分，除非您在iframe外滚动，否则无法向下滚动。我发现整页中的这个方法可以用来移动一个部分。 fullpage method

$(document).on('click', '#moveUp', function(){
$.fn.fullpage.moveSectionUp();
});

此代码也可用于检测iframe是否已到达底部。 example iframe reaching bottom

$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) 
alert('Bottom reached');
});

此link中也讨论了这个问题，但我无法理解解释为什么。 在iframe到达顶部或底部后，如何使用这两个示例使页面上下滚动？

Answer 1

给iframe一个名字。得到iframe.window。然后添加scrollEvent侦听器

Answer 2

完全可以预料。

如果您想使用可滚动内容，则必须使用fullpage.js提供的scrollOverflow选项。请参阅示例here。

否则，你必须自己编码检测iframe中的滚动条并检测它何时到达底部，然后调用fullpage.js函数，例如$.fn.fullpage.moveSectionDown()。