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