平滑滚动不起作用

Question

好的，我一直在使用 Bechance.com 的一个不错的模板

http://baribal.be/showpage/

当我按下“发现更多”或“向下箭头”按钮时，它会很好地向下滚动

然而，当我下载模板时 - 这些按钮处于非活动状态。

他们的 HREF 标记在类中包含一个“goto”名称，如果将其删除，则可以使锚定工作 - 但不会平滑滚动。

<a href="#container" class="button-white goto">Discover more</a> 

我基本上什么都试过了——使用其他脚本（如平滑滚动），从网上复制代码——似乎没有任何效果。

任何帮助将不胜感激。

Answer 1

通过查看代码，我发现您必须包含 scrollto.js 和 main.js。在此文件中，您将找到必要的代码。

Answer 2

在您的主样式表中，将这段代码 sn-p 添加到最顶部。

html {
  scroll-behavior: smooth;
}

希望这对你有用！