Javascript 导航到在单击-jquery时上下滚动的命名锚
嗨,这是我的第一个问题。 我在nav div中有元素,在不同的content div中,在同一个页面上,我有带有id的元素。我希望content div在单击nav元素时将相应的id元素滚动到content div的顶部。我已经找到了一段代码,它会在单击时将我带到内容元素,但随后我必须返回到div的顶部以单击另一个内容元素。我只想能够在任何时候点击任何导航元素,div就会滚动到content div顶部显示相应的内容Javascript 导航到在单击-jquery时上下滚动的命名锚,javascript,jquery,Javascript,Jquery,嗨,这是我的第一个问题。 我在nav div中有元素,在不同的content div中,在同一个页面上,我有带有id的元素。我希望content div在单击nav元素时将相应的id元素滚动到content div的顶部。我已经找到了一段代码,它会在单击时将我带到内容元素,但随后我必须返回到div的顶部以单击另一个内容元素。我只想能够在任何时候点击任何导航元素,div就会滚动到content div顶部显示相应的内容 <div class="nav"> <spa
<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>
至img 1
至img 2
至img 3
您需要的是将导航div放置在css上固定的位置,因此当您使用锚定时,导航内容将跟随用户的屏幕:
.nav {
position: fixed;
}
提示:改用nav html5,有助于搜索引擎优化功能。我在这里创建了一个。在本例中,顶部有两个链接,单击时滚动到相关元素
<a href="#test1"> go to 1</a>
您的A标签在哪里?这不完全是我要找的。我的解决方案需要一个固定导航,以相邻div中的锚为目标,并根据锚在div中的位置上下滚动该div。