[英]Adding active class to two / split menu with fullPage.js
我正在使用fullPage.JS,并且让菜单部分工作正常(上下滚动),除了我希望菜单的一半放在页眉中,一半放在页脚中。 这对于导航工作正常,但是不会将“活动”类仅添加到页眉中的页脚中的li。 我假设它是因为两个菜单都具有与删除标题菜单ID相同的ID,从而使页脚菜单可与活动类一起使用。 我如何同时工作? 回调也许?
类似于此答案: FullPage.js-在不匹配的部分上将活动类添加到菜单锚点
$('#fullpage').fullpage({
anchors: ['PAGE1','PAGE2','PAGE3','PAGE4','PAGE5','PAGE6',],
menu:'#menu',
});
<div id="headermenu">
<ul id="menu">
<li data-menuanchor="PAGE1"><a href="#PAGE1">PAGE1</a></li>
<li data-menuanchor="PAGE2"><a href="#PAGE2">PAGE2</a></li>
<li data-menuanchor="PAGE3"><a href="#PAGE3">PAGE3</a></li>
</ul>
</div>
<div id="footermenu">
<ul id="menu">
<li data-menuanchor="PAGE4"><a href="#PAGE4">PAGE4</a></li>
<li data-menuanchor="PAGE5"><a href="#PAGE5">PAGE5</a></li>
<li data-menuanchor="PAGE6"><a href="#PAGE6">PAGE6</a></li>
</ul>
</div>
在HTML中, id属性必须唯一。 如果要将选择器应用于多个元素,请使用CSS类,例如:
<ul class="my-menu">
</ul>
...
<ul class="my-menu">
</ul>
然后您的选择器将如下所示:
menu:'.my-menu'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.