HTML基础/在首页滚动指定类

Question

我想知道如何制作一个"事件";在js中，当我点击例子"about us"在页脚，它滚动页面到"关于我们"。节，移动平稳。

Answer 1

与其使用类，不如给它们一个id，然后使用一个链接到id:<a href="#id">About Us</a>的锚。然后你可以在CSS中使用平滑滚动:html { scroll-behavior: smooth; }

html {
scroll-behavior: smooth;
}
section {
min-height: 100vh;
}

<section id="home">
<a href="#aboutUs">Scroll to About Us</a>
</section>
<section id="aboutUs">About Us</section>

不需要JS