Javascript 如何降低单页平滑滚动的速度？

我在一个单页网站上添加了一些javascript，用于导航条标签。所以现在，当用户点击标题时，它会直接将他们带到该部分。 在它直接进入区段的那一刻，我如何减慢速度，以便从导航平滑地滚动到所选区段

这是我目前的代码-

$（'a[href^=“#”]”）。单击（函数（事件）{
var id=$（this.attr（“href”）；
var target=$（id）.offset（）.top；
$（'html，body'）。设置动画({
滚动顶：目标
}, 500);
event.preventDefault（）；
});
函数getTargetTop（elem）{
var id=elem.attr（“href”）；
var偏移=60；
返回$（id）.offset（）.top-offset；
}
$（窗口）。滚动（功能（e）{
isSelected（$（窗口）.scrollTop（））
});
var sections=$（'a[href^=“#”]”）；
已选择函数（滚动到）{
var阈值=100；
var i；
对于（i=0；i目标-阈值和滚动到<目标+阈值）{
章节。removeClass（“活动”）；
第3.2节：添加类（“活动”）；
}
};
}

标题{
高度：50px；
}
导航{
文本对齐：居中；
填充：10px；
边缘顶部：20px；
}
导航a{
颜色：#000000；
过渡：所有0.2秒缓进缓出0秒；
文字装饰：无；
显示：内联块；
填充物：5px；
边框底部：2倍纯色透明；
}
导航a：链路{
颜色：#000000；
文字装饰线：无；
}
导航a:第n种类型（1）：悬停{
边框颜色：rgb（255、29、142）；
}
导航a:第n种类型（2）：悬停{
边框颜色：rgb（133、52、146）；
}
导航a:第n种类型（3）：悬停{
边框颜色：rgb（255、128、55）；
}
导航a:第n种类型（4）：悬停{
边框颜色：rgb（0、182、223）；
}
导航a:第n种类型（5）：悬停{
边框颜色：rgb（63190150）；
}
导航a:第n种类型（6）：悬停{
边框颜色：rgb（255、222、32）；
}
导航a：悬停{
颜色：#000000；
}
#标志{
宽度：100%；
最大宽度：100%；
高度：750px；
}
#什么{
宽度：100%；
最大宽度：100%；
高度：750px；
}
#谁{
宽度：100%；
最大宽度：100%；
高度：750px；
}
#合伙人{
宽度：100%；
最大宽度：100%；
高度：750px；
}
#接触{
宽度：100%；
最大宽度：100%；
高度：750px；
}

标志
我们所做的
我们是谁
我们的伙伴
联系

您必须修改动画的值并放置一个更大的值，如下所示：

$('html, body').animate({
    scrollTop: target
  }, 2000);

---

2000意味着2秒

可能重复您能否输入完整的代码以便我们reproduce@TemaniAfif您好，我现在已经包括了一个代码片段，我应该首先做的，抱歉。我没有看到任何问题，我已经更新了您的代码，包括jquery，滚动条是smooth@TemaniAfif我的意思是，我希望在点击和进入该部分之间有一秒左右的时间，而不是瞬间？