jquery-waypoints - 从外部页面链接到航点

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。