当链接到不同的页面时，如何使name ancor标记偏移

Question

我在Wordpress网站上有一些页面的名称锚定标签，当单击时，这些标签最初会被固定/粘性标题覆盖。我使用了一些CSS来修复这个问题，但它似乎只有在特定页面内链接时才起作用。

这是我目前使用的代码：

a[name] {
padding-top: 178px;
margin-top: -178px;
display: block;
}

任何想法都将不胜感激！

Answer 1

我们现在有了scroll-margin来处理这种事情。

来自CSS技巧：

滚动边距用于调整元素的捕捉区域(定义元素将被捕捉到的位置的框(。正在添加当您需要从容器的边缘在卡入到位时，但允许每个元素可能需要略微不同的间距的情况。