1

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

4thPage列表项会显示，但当您滚动它们时不会获得活动状态。我也不确定为什么脚本将firstPageetc 用于某些项目和3rdPage其他项目。它无法检测到4thPageor5thPage但它可以检测到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/以防万一有人需要。

4

1 回答 1

1

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

更新： 您的锚点是4thpage，链接是4thPage. 查看 P 中的差异。一次是大写，另一个不是。

于 2013-12-17T15:27:53.877 回答