【问题标题】:anchor tags jump to avoid fixed header锚标签跳转以避免固定标题
【发布时间】:2015-04-05 21:21:25
【问题描述】:

我有一个 97 像素的固定标题。我还设置了跳转到页面每个部分的锚标记。我的网页设置方式锚标签跳转到正确的位置,页面标题隐藏在固定标题后面。

为了让它按照我想要的方式工作,锚标签也需要从它们当前跳转的位置跳转 -97px?

我怎样才能做到这一点。

【问题讨论】:

  • 请提琴,我相信它可以用一些填充来修复
  • 你要么需要填充你要跳转到的东西,要么你必须使用 javascript 来抵消你的跳转。

标签: javascript jquery html css


【解决方案1】:

我想我过去做过这件事,类似于@kthornbloom 的建议,在锚点上有这样的东西:

position: relative;
top: -97px;

我不是 100% 知道在 top 上使用负数是多么的洁净。

【讨论】:

  • 那是完美的“kosher”,所有四个位置“属性”(上、左、右、下)都可以取负长度值,没问题。
  • 如果这是我的锚链接,我将如何添加它? 联系方式
猜你喜欢
  • 2015-04-05
  • 2012-05-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多