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

Question

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

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

启用垂直中心后，该部分的内容很高。

实例不仅仅是单词：

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

Answer 1

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

但是，如果您仍然需要自动滚动，那么您始终可以scrollOverflow选项in this example并动态调整滚动条，您必须在任何更改的点击上调用$.fn.fullpage.reBuild()触发部分高度的变化。

Answer 2

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