众所周知，在HTML中，我们如果需要导航到某个锚点，通常使用 a 标签配合 src 指向一个ID即可，例如：
<nav>
<a href="#id">锚点一</a>
</nav>
这是最简单的跳转方法。虽然能够跳转到指定锚点位置，但过程实在粗鄙，不够优雅！
因为，聪明的你立刻想到了 scroll-behavior: smooth 能够使滚动行为变得丝滑
html {
scroll-behavior: smooth;
}
这个时候我们已经能够解决基本的平滑滚动问题！
但是 ————
你的老板灵光一闪，他想让锚点滚动到的位置距离我们顶部有一定距离！！！这真让人头大，你熟练的祭出了JS大法，殊不知，CSS已有解决之道啊！
在css中，我们可以直接使用 scroll-padding 来调整滚动锚点与容器顶部的距离！
html {
scroll-behavior: smooth;
scroll-padding: 40px;
}
没错，就是一行代码，就是这么简单！
除了老掉牙的IE，现代浏览器都兼容了！
你可以在这里找到大鹅所有CSS知识分享哦
🔥【冷门知识】鹅のCSS大合集！长期追更~ 收藏 ≈ 学会
