一般的锚点滚动会比较生硬 添加
scroll-behavior:smooth; 这一句css就会比较平滑的将视口移动到锚点处
<div style="display:flex;"><div style="position: fixed"><div><a href="#burlywood">burlywood</a></div><div><a href="#red">red</a></div><div><a href="#pink">pink</a></div><div><a href="#khaki">khaki</a></div></div><div><div id="burlywood" style="height: 500px;width: 400px;background-color: burlywood"></div><div id="red" style="height: 500px;width: 400px;background-color: red"></div><div id="pink" style="height: 500px;width: 400px;background-color: pink"></div><div id="khaki" style="height: 500px;width: 400px;background-color: khaki"></div></div></div>