我在fullpage.js中使用了一个多节的网站。有些部分只能通过滚动来获取,而不能通过导航链接获得。例如,在第一部分中,您应该通过滚动(一次)到达该部分的第二部分,但导航仍将第一个元素显示为活动。如果你单击导航中的第二个链接,如果考虑前两个单独的分区,你将进入第二个真实部分,这将是第三个。当我在初始化中为两个部分分配相同的锚点时,在两个停止点之间滚动工作。如果我尝试在导航中为data-menuanchor分配多个值,它也不起作用。
答案 0 :(得分:2)
最好的方法是创建自己的导航元素,而不是fullpage.js提供的导航元素。
通过这种方式,您可以完全控制它。
通过使用fullpage.js方法moveTo
,您可以通过添加或删除类来激活或停用菜单中的元素,您可以使用afterLoad
或{{1}等回调来执行此操作}。
拥有以下HTML菜单:
onLeave
您可以使用:
<div id="myMenu">
<span id="element1">Section 1</span>
<span id="element2">Section 2</span>
<span id="element3">Section 3</span>
</div>