锚点偏移不起作用答案

【问题标题】：Anchor offset isn't working锚点偏移不起作用
【发布时间】：2015-06-06 00:04:28
【问题描述】：

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

我试过这样设置锚点

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

然后添加一个 CSS 类

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

不知何故这对我不起作用，我不知道为什么。

【问题讨论】：

“不工作”不是一个很好的问题描述？
在我眼里——连同 jsfiddle——就是这样。

标签： jquery html css anchor offset

【解决方案1】：

你可以试试这个：

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

这似乎得到了想要的结果。

【讨论】：

确实如此，谢谢！有没有什么方法可以在不使用 java 的情况下获得相同的结果？

【解决方案2】：

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

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

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

.anchor{            position: relative;}

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

【讨论】：