简单实现楼层效果和平滑

<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样式里面就行