vue 页面內锚点跳转导致页面偏移

当header的positison设置为固定的时候，使用锚点定位，页面会被header挡住一部分,通过如下设置可以解决问题。scroll-padding-top用来定义滚动位置对于顶部的偏移量

html {
    scroll-padding-top: 100px;//设置header的高度
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容