fullPage.js - 無法查看高於

Question

的內容

我有基於fullPage.js和Bootsrap的頁面。默認情況下，節中的內容垂直居中。但是我的內容是動態的，並且點擊發生變化。這意味着，我的內容對每次點擊都有不同的高度，並會導致頁面跳轉。

禁用垂直中心解決問題，但僅限桌面。在較小的屏幕上（手機，平板電腦），我無法在部分中看到整個內容。

在啓用垂直中心的情況下，該部分與內容一樣高。

活生生的例子是餘萬字這麼多：

與verticalCenter

1. 實例啓用（不工作）
2. 例與verticalCenter禁用（不工作）

Answer 1

最後解決方案是指定容器高度。

Answer 2

我會鼓勵你使用responsiveWidth或responsiveHeight options在fullpage.js中提供。這將爲小屏幕設備創造最佳的用戶體驗。

但是，如果你仍然想自動滾動，你可以隨時去的scrollOverflow選項爲in this example和調整滾動條動態，你將不得不調用$.fn.fullpage.reBuild()上改變觸發部分的高度變化的任何點擊。