scroll 滚动条

1. 平滑滚动

scroll-behavior: smooth;

2. 滚动填充

滚动填充属性定义了滚动端口最佳查看区域的偏移量； 这允许作者排除滚动端口中被其他内容（如固定位置的工具栏或侧栏）遮挡的区域， 这允许作者排除滚动端口中被其他内容（如固定位置的工具栏或侧栏）遮挡的区域，

scroll-padding-top: 60px;

3.滚动外边距

属性定义了滚动吸附区域的上外边距，此区域用于将此盒吸附至滚动口

scroll-margin-top: 60px;

常用与解决锚点定位偏差，被头部导航（ fixed 或 sticky 定位）遮挡

• 给锚点元素添加 CSS 属性 scroll-margin-top: 高度;