我在网站上使用了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/,以防有人需要。
最佳答案
您忘记在菜单的#
链接上添加lastPage
。另外,不要忘记您仍然必须将这些部分添加到站点<div class="section">.....</div>
中。
更新:
您的锚点是4thpage
,链接是4thPage
。参见P中的差异。一次为大写,另一个为大写。