css - 如何避免 anchor 链接显示在绝对定位标题后面？

Question

我有一个带有绝对定位标题的页面，其中包含: Logo 、指向表格部分的 anchor 链接和表格标题。内容是表格的其余部分。滚动只影响表格内容。我对它进行了 CSS，因此滚动条是整个页面的高度，包括绝对定位的标题。但是，当我单击 anchor 链接时，它会滚动以在页面顶部的标题后面显示该部分。

在这里亲自查看:http://www.surgpath4u.com/syndromes

关于如何使 anchor 链接显示在标题下方的任何想法。我知道我可以将内容 div 与标题分开，但是垂直滚动条不是整个页面的高度，这是我真正想要的。部分 ID 在 tr 标签中。

难倒了。有什么想法吗？

Answer 1

做到了。

使用 jquery ScrollTo 插件并使用偏移功能设置为 .例如，要转到 ，我使用:

<a href="#" onclick="$.scrollTo( '#F', 1000, {offset: $('#head').height()*-1, easing:\'elasout\' } );">  

缓动也提供了漂亮的动画外观。效果很好，使用偏移功能，我可以更改浏览器窗口大小，它仍然运行良好。

希望这对某人有帮助。