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

时间:2016-11-17 10:01:17

标签: javascript jquery fullpage.js

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

我'在查询和js方面不是很好,有些帮助会很棒。

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

1 个答案:

答案 0 :(得分: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)以使用与部分中使用的相同的锚链接。例如: