到目前为止,我设法创建了一个单页滚动点导航,执行以下操作:
在您单击的链接上添加“当前”类,并将您带到该链接。 这是在单击链接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。
答案 0 :(得分:1)
您链接到网页锚点的原因是因为您在分配ID时放置了哈希符号,这是不正确的语法。这是正确的<div id="firstproject-about">
没有 #
。
为了顺利过渡,有一些解决方案。退房,https://css-tricks.com/snippets/jquery/smooth-scrolling/