javascript - Fullpage.js 的导航问题，未显示事件状态

Question

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

我不太擅长查询和 js，如果能提供一些帮助就更好了。

这是该网站的链接。 http://development.darktown.ch

Answer 1

您的 data-menunchor 属性值应与 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: