单击锚链接时平滑滚动

Question

我正在开发一个 WordPress 网站，一位客户找到我。他要求锚点链接的所有滚动速度都匹配。

如果您访问此处的主页： https: //www.lakeshoresup.com/，然后单击“让冒险开始”下的“了解更多”。页面可以很好地向下滚动到下一部分。

现在，如果我点击产品中星星旁边的撰写评论 ( https://www.lakeshoresup.com/product/pathfinder/ )，它就会立即跳到底部。客户想要第一个链接的滚动。

首先，如何更改滚动速度？

其次，它会起作用吗？这些评论来自名为 Yotpo 的第三方。是否可以更改从第三方软件嵌入的此链接的滚动速度？

Answer 1

您可以在 css 中添加通用滚动行为，以使整个网站平滑滚动，如下所示：

* {
  scroll-behavior: smooth;
}