![](/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.