gpt4 book ai didi

javascript - Fullpage js停止在iframe内滚动

转载 作者:行者123 更新时间:2023-11-30 14:59:48 29 4
gpt4 key购买 nike

我在我的网站上使用整页 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到达顶部或底部后上下滚动?

最佳答案

完全符合预期。

如果您想使用可滚动的内容,那么您必须使用 fullpage.js 提供的 scrollOverflow 选项 查看示例 here .

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

关于javascript - Fullpage js停止在iframe内滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46722777/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com