如何为我网站的下一页添加平滑滚动效果

Question

我希望我的网站可以平滑滚动到下一页，我有一个按钮，我想将其用作平滑滚动。使用<div id=""></div>，这是按钮 <a href="Link here"><button type="button"><span></span>More info</button></a> 然后我尝试在 css 文件中添加这个：scroll-behavior: smooth;（在 html 中，正文）

Answer 1

您可以使用 HTML 锚元素和 scrollIntoView() 方法为网站的下一页添加平滑的滚动效果。

例如，如果您有一个 ID 为“myLink”的链接，您可以通过在您的 JavaScript 文件中添加以下代码来在单击该链接时添加平滑滚动效果：

document.getElementById("myLink").addEventListener("点击", function() { document.querySelector('#nextPage').scrollIntoView({ 行为：'平滑' }); });