Question

我正在使用fullpage.js（这很精彩），但我无法获得一些选项以产生任何效果。例如，导航不会出现，内容也不会垂直居中。 Here是我正在使用的代码的链接。这些是到目前为止没有生效的选项：

$('#fullpage').fullpage({
    navigation: true,
    navigationPosition: 'right',
    verticalCentered: true
});

如果熟悉fullpage.js的人可以看一下，我们将不胜感激。

Answer 1

我从未使用过fullpage.js，但我只是查看了源码和你的例子。

这就是我提出的：

＆＃34;导航＆＃34;选项不起作用，因为fullpage.js无法将部分导航项附加到ID为＃fp-nav 的元素。这可能是因为它设置了＆＃34; nav＆＃34;选择器在将此元素添加到正文之前。您可以在以前标记的版本中看到它是正确的：https://github.com/alvarotrigo/fullPage.js/blob/v.2.2.8/jquery.fullPage.js vs https://github.com/alvarotrigo/fullPage.js/blob/master/jquery.fullPage.js

我不确定＆＃34; master＆＃34;是什么？分支，但似乎这已经破解（或者只适用于特定版本的jQuery）。

然而，您可以通过添加

来修复导航问题

<div id="fp-nav"><ul></ul></div>

在你身体的某个地方。

垂直对齐似乎对我有用。

Answer 2

看起来您的设置正在应用，但您希望结果不同。例如，通过检查页面并看到vertical-align：middle正在发生，您可以看到verticalCentered。

你的导航栏就在那里，因某些原因不可见（也许你需要传递更多设置？不确定这个。）

我不确定你看起来到底是什么样的，但如果你还没有帮助检查是否真的发生变化，我会使用chrome devtools。