fullPage.js - 无法查看高于部分的内容

Question

我有基于 fullPage.js 和 Bootsrap 的页面。默认情况下，部分中的内容垂直居中。但我的内容是动态的，点击时会发生变化。这意味着，我的内容在每次点击时都有不同的高度，这会导致 div 在页面上跳转。

禁用垂直居中解决了问题，但仅适用于桌面。在较小的屏幕（手机、平板电脑）上，我看不到部分的全部内容。

在启用垂直居中的情况下，该部分的内容很高。

实例胜于雄辩：

1. 启用 verticalCenter 的示例（不工作）
2. 禁用垂直中心的示例（不工作）

Answer 1

我鼓励您使用 fullpage.js 中提供的 responsiveWidth 或 responsiveHeight 选项。这将为小屏幕设备创造最佳的用户体验。

但是如果你仍然想要自动滚动那么你总是可以选择 scrollOverflow 选项作为 in this example 并且动态调整滚动条你必须在任何点击时调用 $.fn.fullpage.reBuild()该更改会触发该部分高度的更改。

Answer 2

最终解决方案是指定容器高度。