如何避免锚链接显示在后面和绝对定位标题?

时间:2011-08-20 16:15:39

标签: css

我有一个带有绝对定位标题的页面,其中包含:徽标,指向表格部分的锚点链接以及表格标题。内容是表格的其余部分。滚动仅影响表格内容。我CSS它,所以滚动条是整个页面的高度,包括绝对定位标题。但是,当我单击锚点链接时,它会滚动显示页面顶部标题后面的部分。

在此查看:http://www.surgpath4u.com/syndromes

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

难住了。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

做到了。

使用jquery ScrollTo插件并使用偏移功能设置为高度。例如,去,我使用:

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

宽松也给人一种漂亮的动画效果。效果很好,使用偏移功能,我可以更改浏览器窗口大小,它仍然可以正常工作。

希望这有助于某人。