Question

我在我的网站上使用了fullPage.js脚本，并使用了检测活动页面的菜单功能。不幸的是，我无法成功地将菜单添加到菜单中。

当您滚动列表项时，列表项会显示但4thPage上没有活动状态。我也不确定为什么脚本会对某些项使用firstPage等，而对其他项使用3rdPage。它无法检测到4thPage或5thPage，但它可以检测到3rdPage？第4页和第5页的正确名称是什么？

我目前在我的代码中有这个;

<script type="text/javascript">
        $(document).ready(function() {
            var pepe = $.fn.fullpage({
                anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thPage' , 'lastPage'],
                menu: '#menu'
            });

        });
    </script>
</head>
<body>

<ul id="menu">
    <li data-menuanchor="firstPage"><a href="#firstPage"><h3>Ruimtevaart</h3></a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage"><h3>Home</h3></a></li>
    <li data-menuanchor="3rdPage"><a href="#3rdPage"><h3>Informatie</h3></a></li>
    <li data-menuanchor="4thPage"><a href="#4thPage"><h3>Werkwijze</h3></a></li>
    <li data-menuanchor="5thPage"><a href="#5thPage"><h3>Referenties</h3></a></li>
    <li data-menuanchor="lastPage"><a href="#lastPage"><h3>Contact</h3></a></li>
</ul>

我的部分名为section0 section1等。所以我有0-5部分。在我有这个之前，这一直有效，直到我添加了额外的部分;

<script type="text/javascript">
        $(document).ready(function() {
            var pepe = $.fn.fullpage({
                anchors: ['firstPage', 'secondPage', '3rdPage', 'lastPage'],
                menu: '#menu'
            });

        });
    </script>
</head>
<body>

<ul id="menu">
    <li data-menuanchor="firstPage"><a href="#firstPage"><h3>Home</h3></a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage"><h3>Informatie</h3></a></li>
    <li data-menuanchor="3rdPage"><a href="#3rdPage"><h3>Werkwijze</h3></a></li>
    <li data-menuanchor="lastPage"><a href="lastPage"><h3>Contact</h3></a></li>
</ul>

为什么第4页没有显示？名字是相同的，并在任何地方陈述。我忽略了什么吗？

我的完整代码在这里; http://kellyvuijst.nl/FINAL/万一有人需要它。

Answer 1

您忘记在菜单的#链接上添加lastPage。另外，请不要忘记，您仍然需要将这些部分添加到您的网站<div class="section">.....</div>。

<强>更新您的主播是4thpage，链接是4thPage。 查看P 的差异。一次是大写，另一次不是。

Fullpage.js导航一项不会激活

1 个答案: