时间戳

首页 > 解决方案 > 链接到不同页面时如何使名称ancor标签偏移？

html - 链接到不同页面时如何使名称ancor标签偏移？

问题描述

我在 Wordpress 网站上有一些页面，这些页面具有名称​​锚标记，单击时最初会被固定/粘性标题覆盖。我正在使用一些 CSS 来解决这个问题，但它似乎只在特定页面内链接时才有效。

这是我目前正在使用的代码：

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

任何想法将不胜感激！

标签： htmlcss

解决方案

我们现在必须scroll-margin处理一些事情。

来自CSS 技巧：

scroll-margin用于调整元素的捕捉区域（定义元素将被捕捉到的位置的框）。当您需要在对齐到位时从容器边缘为元素提供空间时，添加滚动边距很有用，但允许每个元素可能需要稍微不同的间距的情况。

推荐阅读