![](/img/trans.png)
[英]Can't interact on mobile with overflow:auto element underneath scrollable section using fullpage.js, scrollOverflow:true
[英]fullpage.js - If 'scrolloverflow' is set to true can't scroll down to the next section
我使用Fullpage.js与scrolloverflow: true
和autoscrolling: true
。 一旦我看到内容溢出的区域的底部,除非单击下一个导航点,否则它将不会跳到下一个。
试图隔离JS Bin中的错误,但是我无法重现它。 在控制台中未发现错误,我正在使用插件的2.8.1版本。
如果您转到此垃圾箱,您会看到到达第3部分的底部会触发跳至第4部分。 这并不在我结束发生。 关于它可能是什么或如何解决的任何想法?
我当前用于初始化fullpage.js的设置是:
$('#fullpage').fullpage({
easingcss3: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
navigation: true,
navigationPosition: 'left',
scrollOverflow: true
});
似乎此问题是fullpage.js进行跳转并开始使用iScroll时遇到的最新错误。
在项目的CSS中添加以下内容似乎可以解决此问题:
.fp-scroller{
overflow:hidden;
}
更多信息在这里 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.