平滑滾動不起作用

Question

好的，我一直在使用 Bechance.com 上的一個不錯的模板

當我按下“發現更多”或“向下箭頭”按鈕時 - 它會很好地向下滾動

然而，當我下載模板時 - 這些按鈕處於非活動狀態。

它們的 HREF 標簽在類中包含一個“goto”名稱，如果刪除該名稱，則允許錨定工作 - 但沒有平滑滾動。

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

我基本上已經嘗試了一切 - 使用其他腳本（如平滑滾動），從網絡復制代碼 - 似乎沒有任何效果。

任何幫助將不勝感激。

Answer 1

在主樣式表中，在最頂部添加此代碼片段。

html {
  scroll-behavior: smooth;
}

希望這對你有用！

Answer 2

通過查看代碼，我發現您必須包含 scrollto.js 和 main.js。 在此文件中，您將找到必要的代碼。