一页滚动点在Javascript和基于jQuery的URL中导航,平滑过渡

时间:2016-08-15 09:54:17

标签: javascript jquery html css

到目前为止,我设法创建了一个单页滚动点导航,执行以下操作:

在您单击的链接上添加“当前”类,并将您带到该链接。  这是在单击链接Team时html中发生的情况,它会添加class =“current”。

<li class="current"><a href="#firstproject-team">Team</a></li>

点击特定链接时我需要帮助才能顺利过渡,而不是直接带我到那里,就像它正在发生一样。

此外,我还需要根据滚动时当前所在的部分ID更新class =“current”。

以下是我当前的代码:https://jsfiddle.net/tqhykbbn/10/

看起来Javascript在这里不起作用,但它应该在我的本地计算机上工作,我在jsfiddle中上传了jQuery。

1 个答案:

答案 0 :(得分:1)

您链接到网页锚点的原因是因为您在分配ID时放置了哈希符号,这是不正确的语法。这是正确的<div id="firstproject-about"> 没有 #

为了顺利过渡,有一些解决方案。退房,https://css-tricks.com/snippets/jquery/smooth-scrolling/