单击锚链接时的滚动速度

Question

我正在一个客户来找我的 WordPress 网站上工作。 他要求锚链接的所有滚动速度都匹配。

如果您转到此处的主页： https : //www.lakeshoresup.com/并单击 LET THE ADVENTURE BEGIN 下的 Learn More。 该页面很好地向下滚动到下一部分。

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

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

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

Answer 1

您可以在 css 中添加整个网站的一般滚动行为，以平滑滚动，例如：

* {
  scroll-behavior: smooth;
}

Answer 2

您可以使用平滑滚动行为。 它为整个页面启用平滑滚动。

html {
  scroll-behavior: smooth;
}