锚点偏移不起作用

Question

我制作了一个带有固定 header 的页面，我想在其中使用平滑滚动 (jQuery)。 由于固定 header 我需要为我的锚链接添加一个偏移量。

http://jsfiddle.net/Lt4s390e/

我试过这样设置锚点

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

然后添加一个CSSclass

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"></span></div>

并像这样在我的 CSS 中定义它们

.anchor{            position: relative;}

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