问题描述:
在写官网的时候,锚点定位的地方总是会偏上一点,这是由于锚点定位针对的是html定位的,当你有导航栏的时候,便会被导航栏遮挡一部分
解决方法:
// 如果是全局的滚动则直接在html标签上设置就可以,若是要容器内的滚动定位则换成对应容器标签即可
html {
scroll-behavior: smooth; // 能让锚点缓慢滚动
/* 解决锚点位置被导航栏遮挡 */
scroll-padding-top: 100px; // 被遮挡的高度, 我这里因为导航栏高度为100,所以距离顶部滚动开始位置设置为100
}