2016-11-25 71 views
0

幻燈片我激活的選項scrollOverflow:真實的,Fullpage.js。並添加了超薄滾動插件。在移動設備上滾動更長的內容很重要。當我嘗試在手機上滾動,它只是直接滾動到其他部分?我在手機上測試了Alvaro製作的例子,這確實很棒。它滾動內容並在最後轉到下一部分。滾動內側fullpage.js和超薄scroll.js

笏我做錯了什麼? Website under construction

編輯 我發現問題出在哪裏了。我習慣把在內容的容器是長對於大多數手機屏幕,但不夠長有一個長期滾動的容器。如此接近內容的結尾,它會跳到下一部分。我沒有js錯誤,所以我不明白wat出錯了。我加在容器至極的底部填充使得它更長,並給出了想要的效果。

更好的選擇,歡迎使用slimScroll.js很久以前

回答

1

fullPage.js停止。 現在它採用iScroll的分支版本,解決了它的一些錯誤。您可以在vendors文件夾中找到它說in the docs

scrollOverflow:(默認爲false)定義是否要創建的情況下,部分/滑動滾動它的內容比它的高度更大。當設置爲true時,您的內容將被插件包裝。考慮使用委託或在afterRender回調中加載其他腳本。在其設置爲true的情況下,它要求供應商庫scrolloverflow.min.js,它應該在fullPage.js插件之前加載。例如:

<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script> 
<script type="text/javascript" src="jquery.fullPage.js"></script>