固定标题会影响锚点

Question

我在我创建的网页上遇到了一个奇怪的问题。它有一个固定的标题（两个标题实际上彼此分层）和左侧面板带有锚点，当触发onclick事件时，使用jQuery插件ScrollTo滚动到页面的某个部分。

然而它并没有按预期工作。当我点击链接时，它会滚动到段落，它会跳过标题。我做了一些研究，发现它确实有效，当固定标题上没有高度或宽度参数时。我真的不知道如何解决它，有人可以帮忙吗？

You can see the page (with sample content) here: http://codepen.io/anon/pen/ByBqBW

再次，谢谢你的回答。

Answer 1

滚动条工作正常，但您的固定标题正在阻碍。你只需要不要一直滚动到元素，对吧？幸运的是，您可以像这样设置滚动的偏移量：

$.scrollTo('#description', 500, {offset:-50});

Answer 2

使用滚动链接时，我遇到过这样的问题。我所做的那种帮助让我说我有你正在谈论的描述的链接......

<a name="description"></a>

将是您导航中的链接。然后描述的链接将是：

<a href="#description"></a>

这种功能通常会发布到链接的底部，至少这是我帮助我修复我的开发人员所说的。所以他建议把它放在需要它的位置上方。例如：

<a href="#description"></a>
<h2>description</h2>
<p>Some text</p>

如果这不起作用，请尝试将其全部包装在锚点中，看看它是否适合您。我希望有所帮助，我仍然有点新鲜。