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

Css 如何避免锚定链接显示在绝对位置的标题后面?,css,Css,我有一个带有绝对定位标题的页面,标题有:徽标、指向表格部分的锚定链接和表格标题。内容是表的其余部分。滚动只会影响表格内容。我将其设置为CSS,因此滚动条是整个页面的高度,包括绝对位置的页眉。但是,当我单击锚定链接时,它会滚动显示页面顶部标题后面的顶部 你自己看看这里: 关于如何使锚定链接显示在标题下方的任何想法。我知道我可以将content div与页眉分开,但是垂直滚动条不是整个页面的高度,这是我真正想要的。区段ID位于tr标记中 难倒了。有什么想法吗 成功了 使用jquery ScrollT

我有一个带有绝对定位标题的页面,标题有:徽标、指向表格部分的锚定链接和表格标题。内容是表的其余部分。滚动只会影响表格内容。我将其设置为CSS,因此滚动条是整个页面的高度,包括绝对位置的页眉。但是,当我单击锚定链接时,它会滚动显示页面顶部标题后面的顶部

你自己看看这里:

关于如何使锚定链接显示在标题下方的任何想法。我知道我可以将content div与页眉分开,但是垂直滚动条不是整个页面的高度,这是我真正想要的。区段ID位于tr标记中

难倒了。有什么想法吗

成功了

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

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

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


希望这对某人有所帮助。

您需要编写一些JS来处理滚动。浏览器中没有默认的解决方案。这正是我所担心的。我会继续写下去,以后再发回来。我做到了。使用jquery ScrollTo插件,并使用设置为高度的偏移量看起来真不错+1回答您自己的问题:-)