设置自定义锚点

Question

有没有办法在实际 HTML 标记之外的位置自定义锚点？

我在 'http://www.kryogenix.org/code/browser/smoothscroll/smoothscroll.js' 上使用这个名为“smoothscroll.js”的简单视差滚动脚本

它通过链接到锚点来工作。 但是，我需要将它们放置在标记所在的位置之外。 大约 200px 以上。

我已经尝试使用类和内联的外部 CSS。

EG：

<a name="kids" class="anchor" style="margin-top:-200px;"></a>


<a name="kids" class="anchor" style="margin-top:-200px;"></a>

.anchor { margin-top: -200px; }

有什么建议吗？！

这个问题是这个问题的推导，Anchor point positionings（2 - Q 分，求帮助！）

Answer 1

由于a 不是块元素，margin-top 将无法按预期工作。

这是一些修改后的 CSS：

.anchor {
  display: block;
  position: relative; /* relative to the parent container, needed for top/left positioning*/
  top: -200px;
}