我发现了很多文章,如果您有固定的标头,则如何解决锚的偏移量。其中大多数与此类似
.anchorclass:before {
content: "";
display:block;
height: 204px;
margin: -204px 0 0;
visibility: hidden;
}
我发现所有适用于该问题的变体。但是它们似乎都以某种方式覆盖了锚点之前的204像素,这使该区域中的所有链接和按钮都无法点击。 因此,链接,后跟锚定在204像素内->无法单击。
我尝试使用z-index:0修复此问题,该方法也不起作用。我找不到解决办法,甚至没有人遇到同样的问题
编辑:
我认为这是非常普遍的抱歉。基本问题是,如果您有任何固定的标头并跳转到页面上的锚点,则该锚点隐藏在标头后面,即从顶部跳转到锚点计数,而不是从固定的标头跳到锚点计数。
这里有详细解释问题的链接,上面有数千个结果描述了问题和解决方案的“偏移锚固定标头”
Fixed page header overlaps in-page anchors
https://www.caktusgroup.com/blog/2017/10/23/css-tip-fixed-headers-and-section-anchors/
https://timoanttila.com/tutorials/offsetting-anchor-links-with-fixed-header
解决方案都如上所述。但是没有人描述我的行为,即偏移量中的所有链接都变为不可点击。 我不知道要添加什么示例代码。任何固定的标头,任何锚点都会产生问题。