如何配置vuepress中的anchor(锚点)跳转时不被导航栏遮挡
方法一， 仅对单个页面生效
# 在需要处理这个问题的README.md中直接加入下面的样式
<style>
.content.custom>h1,
.content.custom>h2,
.content.custom>h3,
.content.custom>h4,
.content.custom>h5,
.content.custom>h6 {
margin-top: -3.1rem;
padding-top: 4.6rem;
margin-bottom: 0;
}
</style>
方法二，对整个项目生效
# 在docs/.vuepress/style.styl中加入以下代码
.content.custom>h1,
.content.custom>h2,
.content.custom>h3,
.content.custom>h4,
.content.custom>h5,
.content.custom>h6 {
margin-top: -3.1rem;
padding-top: 4.6rem;
margin-bottom: 0;
}
网友评论