如何在粘性导航栏中设置平滑滚动？

Question

我的菜单有孩子。像这个模板：

<ul id="sticky">
 <li><a href="#one">One</a></li>
 <li><a href="#two">Two</a></li>
 <li><a href="#three">Three</a></li>
</ul>

页面上的div标签是：

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

所以我想单击项目并滚动到项目div，但导航困难是问题。

在项目上滚动后，选定的项目显示在导航栏下方。

我如何将偏移量设置为（滚动行为：平滑）或以任何方式解决此问题？

Answer 1

我之前在我的网站上曾遇到此问题，但担心一点JavaScript都无法解决此问题，请尝试将其放入您的js脚本文件或html文件中的javascript中