从外部页面链接到航点

Question

所以我使用jQuery waypoints插件来导航单页网站

现在它看起来像这样：

<div class="navigation">
<ul id="navi">
    <li data-slide="1"><a href="#">DC3</a></li>
    <li data-slide="2"><a href="#">THE ABOUT</a></li>
    <li data-slide="3"><a href="#">THE WORK</a></li>
    <li data-slide="4"><a href="#">THE CLIENTS</a></li>
    <li data-slide="5"><a href="#">THE WHO</a></li>
    <li data-slide="6"><a href="#">CONTACT</a></li>
</ul>

并且每个数据幻灯片都移动到一个单独的div：

<div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio=".5">

我想要做的是在第二页上使用相同的导航，该目标将定位原始页面上的每个数据幻灯片div。有没有办法做到这一点？

Answer 1

一个非常简单的解决方案是使用命名锚点。在HTML中，在您要定位的每个元素旁边添加一个新的锚元素，如<a id="slide"></a>，然后您可以使用URL中的片段链接到该锚点在页面上的位置，如example.html#slide。