<div id="box2" style="height:700px;width:100%;margin-bottom:80px;background:red;"></div>
<div id="box3" style="height:700px;width:100%;margin-bottom:80px;background:red;"></div>
<div id="box4" style="height:700px;width:100%;margin-bottom:80px;background:red;"></div>
<a href="#box1">F1</a>
<a href="#box2">F2</a>
<a href="#box3">F3</a>
<a href="#box4">F4</a>
这个是我的html布局和我的css样式直接粘贴复制就行。
html {
scroll-behavior: smooth;
}
这个代码,只是让我点击锚点的时候有一个过渡动画的效果,放在你的css样式里面就行