如何在fullpage.js中为多个部分提供导航链接

时间:2016-03-04 18:27:43

标签: fullpage.js

我在fullpage.js中使用了一个多节的网站。有些部分只能通过滚动来获取,而不能通过导航链接获得。例如,在第一部分中,您应该通过滚动(一次)到达该部分的第二部分,但导航仍将第一个元素显示为活动。如果你单击导航中的第二个链接,如果考虑前两个单独的分区,你将进入第二个真实部分,这将是第三个。当我在初始化中为两个部分分配相同的锚点时,在两个停止点之间滚动工作。如果我尝试在导航中为data-menuanchor分配多个值,它也不起作用。

1 个答案:

答案 0 :(得分:2)

最好的方法是创建自己的导航元素,而不是fullpage.js提供的导航元素。

通过这种方式,您可以完全控制它。

通过使用fullpage.js方法moveTo,您可以通过添加或删除类来激活或停用菜单中的元素,您可以使用afterLoad或{{1}等回调来执行此操作}。

Demo online

拥有以下HTML菜单:

onLeave

您可以使用:

<div id="myMenu">
    <span id="element1">Section 1</span>
    <span id="element2">Section 2</span>
    <span id="element3">Section 3</span>
</div>