所有用于偏移固定标头锚的流行解决方案都禁用我的链接/按钮

时间:2019-08-23 21:09:32

标签: css

我发现了很多文章,如果您有固定的标头,则如何解决锚的偏移量。其中大多数与此类似

.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

解决方案都如上所述。但是没有人描述我的行为,即偏移量中的所有链接都变为不可点击。 我不知道要添加什么示例代码。任何固定的标头,任何锚点都会产生问题。

0 个答案:

没有答案