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

Question

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

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

启用垂直中心后，该部分与内容一样高。

活生生的例子不止如此：

1. 启用verticalCenter 的示例（不工作）
2. verticalCenter 禁用的示例（不工作）

Answer 1

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

但是，如果您仍然想要自动滚动，那么您始终可以选择 scrollOverflow 选项作为 in this example 并动态调整滚动条，您必须在任何点击更改时调用 $.fn.fullpage.reBuild()高度。

Answer 2

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