HTML/CSS按钮-向下滚动到另一个部分

Question

我正在考虑我的网站的一个过程。我通过CSS/HTML创建了一个按钮，我想点击并向下滚动到网站中的另一个部分(滚动到网站(

是否可以在没有javascript的情况下进行处理？

Answer 1

在html elemnt:上使用scroll-behavior: smooth;

html {
scroll-behavior: smooth;
}
.empty{
height:1000px;
background: repeating-linear-gradient(
45deg,
#606dbc,
#606dbc 10px,
#465298 10px,
#465298 20px
);
}

<a id="#top" href="#bottom">Click for smooth scroll to bottom</a>
<div class="empty"></div>
<a href="#top" id="bottom">Back to top</a>
<div class="empty"></div>

Answer 2

您可以在css文件中使用它。。

body{
scroll-behavior: smooth;
}