0

我在 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>

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

4

1 回答 1

0

如菜单选项的文档中所述:

当心!如果您使用锚点,它们的值不能与站点上的任何 ID 元素(或 IE 的 NAME 元素)具有相同的值。

因此,您应该避免使用 id 元素,例如 #slide1、#slide2... 等。

于 2014-03-17T10:36:30.430 回答