Question

我正在通过w3schools学习Bootstrap v4。（很多他们的bootstrap教程几乎都是从源代码中复制粘贴的。）

尽管如此，让这个问题的MWE是这里找到的垂直卷轴（但横向卷轴也可以）：https://www.w3schools.com/bootstrap4/bootstrap_scrollspy.asp

如您所见，当您只滚动时，它们都很有效。

如果单击导航栏跳转到该部分，则文本中的位置也会移动。这是非常迷惑和不受欢迎的。

我会覆盖什么功能，或者我如何做到：

当用户点击与scrollspy链接的导航项时，可滚动区域会滚动到该点，而不会跳转。

Answer 1

您可以将jQuery平滑滚动功能用作explained here，或者modern browsers使用CSS scroll-behavior属性，如此...

html{
  scroll-behavior:smooth;
}