Question

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

当我点击主链接时一切正常，它完全滚动（我喜欢键和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>

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

Answer 1

菜单选项的详细in the documentation：

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

因此，您应该避免使用id元素，例如＃slide1，＃slide2 ...等。

fullpage.js返回主页加扰

1 个答案: