锚定偏移不起作用

Question

我创建了一个带有固定标题的页面，我想使用平滑滚动（jQuery）。 由于固定标头我需要为我的锚链接添加一个偏移量。

http://jsfiddle.net/Lt4s390e/

我尝试像这样设置锚点

<a id="top" class="anchor"></a>

然后添加CSS类

a.anchor {
    display: block;
    top: -110px;
    height: 110px;
    visibility: hidden;
    position: relative;
}

不知道这对我有用，我不明白为什么。

Answer 1

你可以试试这个：

'scrollTop': $target.offset().top - 100

这似乎得到了非常好的结果。

Answer 2

我找到了一个使用CSS的解决方案。我不得不设置这样的锚点

<div class="anchor"><span id="section1"></div>

并在我的CSS中定义它们

.anchor{            position: relative;}

.anchor span{       margin-top: -110px;
                    padding-bottom: 110px;
                    display: block;}