设置自定义锚点

Question

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

我正在' http://www.kryogenix.org/code/browser/smoothscroll/smoothscroll.js '

使用名为“smoothscroll.js”的简单视差滚动脚本

通过链接到锚点来工作。 HOWEVER ，我需要将它们放在标记所在的位置之外。 大约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;
}