某些选项在 fullpage.js 后未生效

Question

我正在使用 fullpage.js (which is brilliant), but I haven't been able to get a few of its options to have any effect. For example, the navigation won't appear, nor is the content vertically centered. Here 是我正在使用的代码的 link。以下是目前尚未生效的选项：

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

如果熟悉 fullpage.js 的人能看一看，将不胜感激。

Answer 1

您的设置似乎已被应用，但您希望结果有所不同。例如，verticalCentered 正在工作，您可以通过检查页面并看到 vertical-align:middle 正在发生来判断。

并且您的导航栏在那里，只是由于某种原因不可见（也许您需要传递更多设置？不确定这一点。）

我不确定您要寻找的是什么，但我会使用 chrome devtools 如果您还没有帮助检查事情是否真的发生了变化。

Answer 2

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

这是我想出的：

"navigation" 选项不起作用，因为 fullpage.js 无法将部分导航项附加到 ID 为 #fp-nav[=29 的元素=].这可能是因为它在将此元素添加到 body 之前设置了 "nav" 选择器。您可以看到它在之前标记的版本中是正确的：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

我不确定 "master" 分支是怎么回事，但它似乎已损坏（或者它仅适用于 jQuery 的特定版本）。

不过，您可以通过添加
dirty-fix 导航问题
<div id="fp-nav"><ul></ul></div>

在你的某处 body.

垂直对齐似乎适合我。

某些选项在 fullpage.js 后未生效

Certain options not taking effect in fullpage.js

javascript

jquery

fullpage.js