html中设置了锚点定位，但是定位之后被固定的页面顶部遮住，怎么办

Question

html中设置了锚点定位，但是定位之后被固定的页面顶部遮住，怎么办
我在锚点元素中设置了 style="padding-top:130px; margin-top:-130px;，但是只有最靠近顶部的元素可以正常定位，元素原本的位置也没变。下面的元素可以正常定位，但是改变了原来的位置，空出来好多

Answer 1

基于Monster 组和GPT的调写：

如果在设置锚点定位之后被固定的页面顶部遮住，你可以考虑在锚点元素的上方添加一个占位元素，并设置其高度为固定值，这样就可以把内容向下移动一定的距离，从而避免被固定的页面顶部遮住。

具体地，你可以在锚点元素的上方添加一个空的 div 元素，并设置其高度为与页面顶部固定元素高度相等的值。例如，如果你的页面顶部固定元素高度为 130px，你可以在锚点元素上方添加以下代码：

<div style="height: 130px;"></div>

然后，你可以在锚点元素中设置 padding-top 的值为页面顶部固定元素的高度，例如：

<a href="#your_anchor" style="padding-top: 130px;">跳转到锚点</a>

这样就可以将锚点元素向下移动 130px，避免被页面顶部固定元素遮住了。

至于你设置的 margin-top，这个属性会影响元素的布局，如果你设置了负值，可能会导致元素的位置发生变化。因此，建议不要使用 margin-top，而是使用 padding-top 来调整元素的位置。