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()上改变触发部分的高度变化的任何点击。