Fullpage.js 的导航问题，未显示活动状态

Question

我正在使用 fullpage.js 开发网站。使用自定义菜单。所有导航工作正常，但未显示活动状态。我一直在查找解决方案，但我所能找到的只是如何使用带有 fullpage.js

菜单选项的自定义菜单

我不擅长查询和 js，如果有帮助就更好了。

这是 link 的站点。http://development.darktown.ch

Answer 1

您的 data-menuanchor 属性值应与 fullpage.js 初始化中的 anchors 值匹配：

anchors: ['home', 'about', 'locations', 'contact'],

现在你的没有：

<ul id="menu" class="menu">
    <li data-menuanchor="section0"><a href="#home">home</a></li>
    <li data-menuanchor="section1"><a href="#about">uber Dark Town</a></li>
    <li data-menuanchor="section2"><a href="#locations">standorte</a></li>
    <li data-menuanchor="section3"><a href="#contact">contact</a></li>
</ul>

如文档中所述：

In order to link the elements of the menu with the sections, an HTML 5 data-tag (data-menuanchor) will be needed to use with the same anchor links as used within the sections. Example:

Fullpage.js 的导航问题，未显示活动状态

Navigation Issue with Fullpage.js, active state not showing

javascript

jquery

fullpage.js