Fullpage js停止在iframe内滚动

Question

我在我的网站上使用了fullpage js，并在里面包含了一个iframe。

example issue

如果你到最后一节在上面的例子中，你不能再往下，除非您滚动的iframe之外滚动。我发现这个方法在fullpage中可以用来移动一个部分。 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

完全预期。

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

否则，您将不得不自己检测该iframe中的滚动条并检测它何时到达其底部，然后调用一个fullpage.js函数，如$.fn.fullpage.moveSectionDown()。

Answer 2

给iframe一个名字。获取iframe.window。然后添加scrollEvent监听器