fullpage.js 返回首页乱码

Question

我在 wordpress (index.php) 中创建了一个使用 fullpage.js 的登陆主页。此页面还有指向外部页面（未集成到 index.php）的子页面链接。

当我点击主链接时，一切正常，它完美地滚动（我喜欢 key 和 mousescroll 的实现）。但是当我从子页面返回到原始链接或从菜单（见下面的代码）时，每个页面都被打乱了。它不会从我单击子链接的位置继续，而是将其视为使上述所有页面无法导航的起点。

在我的主页 (index.php) 中，我的链接按以下格式创建：

<div class="menu-navigation">
<ul class="menu">
 <li class="[wordpress classes] active"><a href="#slide1">Slide 1</a></li>
 <li class="[wordpress classes]"><a href="#slide2">Slide 2</a></li>
 <li class="[wordpress classes]"><a href="#slide3">Slide 3</a></li>
 <li class="[wordpress classes]"><a href="#slide4">Slide 4</a></li>
 <li class="[wordpress classes]"><a href="#slide5">Slide 5</a></li>
</ul>
</div>

<section id="#slide1" class="section active">
[content]
</section>
<section id="#slide2" class="section">
[content]
</section>
<section id="#slide3" class="section">
[content]
</section>
<section id="#slide4" class="section">
[content]
</section>
<section id="#slide5" class="section">
[content]
</section>

唯一不同的是，当我跳转到子链接页面时，菜单变为：

<div class="menu-navigation">
<ul class="menu">
<li class="[wordpress classes]"><a href="index.php#slide1">Slide 1</a></li>
<li class="[wordpress classes]"><a href="index.php#slide2">Slide 2</a></li>
<li class="[wordpress classes]"><a href="index.php#slide3">Slide 3</a></li>
<li class="[wordpress classes]"><a href="index.php#slide4">Slide 4</a></li>
<li class="[wordpress classes]"><a href="index.php#slide5">Slide 5</a></li>
</ul>
</div>

据我所知，这是因为我的实现使用了哈希，它在来回之间丢失了。有没有办法在 url 上显示哈希？

Answer 1

详细in the documentation 的菜单选项：

小心！如果您使用锚点，它们的值不能与网站上的任何 ID 元素（或 IE 的 NAME 元素）具有相同的值。

所以，你应该避免使用#slide1、#slide2...等id元素。