Question

嗨，这是我关于SO的第一个问题。我在nav div和不同的内容div中有元素，在同一页面上，我有带有id的元素。我希望内容div在点击nav元素时将相应的id元素滚动到内容div的顶部。我找到了代码，会在点击时将我带到内容元素，但是我必须回到div的顶部才能点击不同的内容元素。我只是希望能够随时点击任何导航元素，div将滚动显示内容div顶部的相应内容。

<div class="nav">
        <span class="list-testimonials-group-item" id="1_1">to img 1</span>
        <span class="list-testimonials-group-item" id="2_2">to img 2</span>
        <span class="list-testimonials-group-item" id="3_3">to img 3</span>
 </div>

<div class="content>
    <img id="1">
    <img id="2">
    <img id="3">
</div>

我怎样才能做到这一点？提前谢谢。

Answer 1

您需要将导航div固定在css上的位置，因此当您使用锚点时，导航内容将跟随用户的屏幕：

.nav {
  position: fixed;
}

提示：使用nav html5代替SEO功能。

Answer 2

我在这里创建了example。在这个例子中，顶部有两个链接，点击时滚动到相关元素。

<a href="#test1"> go to 1</a>

导航到命名锚点单击上下滚动 - jquery

2 个答案: