锚点跳转默认最顶端，导致标题会被顶部导航栏挡住？

最近给文章加目录，做到点击目录跳转的时候遇到了一个问题：

锚点跳转默认最顶端，导致标题会被顶部导航栏挡住？

最终通过:target伪类解决，利用:target给标签设置内部padding-top，使其元素到顶也能展示出内容，再加上负的margin-top使其保持与上个元素的间距。

tailwind写法

<h1 id={children as string} className={"target:pt-20 target:-mt-20"}>{children}</h1>

css写法

title:target{
  padding-top: 5rem;
  margin-top: -5rem;
}