我在我的网站上使用全页 js，并在其中一个包含 iframe 的部分中使用。
示例问题 http://forestpin.azurewebsites.net/
如果移至上例中的最后一部分，则无法进一步向下滚动，除非滚动到 iframe 之外。我发现全页中的这个方法可以用来向上移动一个部分。整页法 https://codepen.io/alvarotrigo/pen/GJXNMN
$(document).on('click', '#moveUp', function(){
$.fn.fullpage.moveSectionUp();
});
此代码还可用于检测 iframe 是否已到达底部。
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height())
alert('Bottom reached');
});
这个问题在这篇文章中讨论link https://github.com/alvarotrigo/fullPage.js/issues/819也是如此，但我无法理解解决方案的解释。
如何使用这两个示例使 iframe 到达顶部或底部后页面上下滚动？
完全符合预期。
如果你想使用可滚动的内容，那么你必须使用 fullpage.js 提供的scrollOverflow选项查看示例here https://alvarotrigo.com/fullPage/examples/scrolling.html.
否则，您必须自己编写代码来检测该 iframe 中的滚动条并检测它何时到达底部，然后调用 fullpage.js 函数，例如$.fn.fullpage.moveSectionDown() https://github.com/alvarotrigo/fullPage.js#movesectiondown.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
