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

列表项显示出来,但在4thPage上滚动时不会处于活动状态。我也不确定为什么脚本对某些项目使用firstPage等,而对其他项目使用3rdPage。它无法检测到4thPage5thPage,但可以检测到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/,以防有人需要。

最佳答案

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

更新:
您的锚点是4thpage,链接是4thPage。参见P中的差异。一次为大写,另一个为大写。

10-08 18:10