Question

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

我＆＃39;在查询和js方面不是很好，有些帮助会很棒。

这是该网站的链接。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>

详见文档：

为了将菜单的元素与部分链接起来，需要使用HTML 5数据标记（data-menuanchor）以使用与部分中使用的相同的锚链接。例如：

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

1 个答案: