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

我有一张粘糊糊的菜单，上面有孩子。与此模板类似：

<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，但粘性导航是个问题

滚动项目后，所选项目显示在粘性导航栏下

---

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

我以前在我的网站上遇到过此问题，但担心没有一点javascript可以解决此问题，请尝试将其放入js脚本文件或html文件中的javascript

$（“.smooth scroll”）。单击（函数（e）{
让currentItem=e.target.text；
console.log（当前项）；
$（“html，body”）.animate(
{
滚动顶部：
$（$（this.attr（“href”）.offset（）.top-
（currentItem==“技能”？100:100）
},
“快”
);
返回false；
});





我的网站曾经出现过这个问题，但担心一点javascript都不能解决这个问题，请尝试将其放入js脚本文件或html文件中的javascript


$（“.smooth scroll”）。单击（函数（e）{
让currentItem=e.target.text；
console.log（当前项）；
$（“html，body”）.animate(
{
滚动顶部：
$（$（this.attr（“href”）.offset（）.top-
（currentItem==“技能”？100:100）
},
“快”
);
返回false；
});