Bootstrap v4：仅在单击 nav for scrollspy 时更新滚动答案

【问题标题】：Bootstrap v4: only update scroll when clicking nav for scrollspyBootstrap v4：仅在单击 nav for scrollspy 时更新滚动
【发布时间】：2018-03-19 17:16:56
【问题描述】：

我正在通过 w3schools 学习 Bootstrap v4。（不过，他们的许多引导教程几乎都是从源代码复制粘贴。）

尽管如此，让这个问题的 MWE 成为此处找到的垂直滚动间谍（但水平滚动间谍也可以）：https://www.w3schools.com/bootstrap4/bootstrap_scrollspy.asp

如您所见，它们的功能都很好......当您只滚动时。

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

我要覆盖什么函数或如何使它：

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

【问题讨论】：

您能否发布代码以重现问题中的问题？可能随时间变化的外部链接是不可取的。 “在您的问题本身中包含代码。并非每个人都可以访问外部网站，并且链接可能会随着时间的推移而中断”

标签： twitter-bootstrap bootstrap-4

【解决方案1】：

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

html{
  scroll-behavior:smooth;
}

https://www.codeply.com/go/i8LErc1fpX

【讨论】：

+1 以获得简单的答案。看来我的预搜索答案不够彻底。仍然有点跳跃，但有了很大的改善。