修复了topbar与命名锚点的关系

时间:2012-04-04 06:13:11

标签: css positioning

我有一个position:fixed的顶部栏,其中还包含锚链接(<a href="#someid">jdjd</a>)。

问题是目标位于视口顶部(固定顶部栏后面)。

如何修复以便浏览器滚动以便目标显示在顶部栏的下方?

2 个答案:

答案 0 :(得分:3)

据我所知,没有干净的解决方案。如果使用内联滚动条可以实现,但它需要一个固定的高度。

使用CSS找到2个解决方案:http://css-tricks.com/hash-tag-links-padding/

另外,您可以非常轻松地使用JQUERY来测量用户身高,将其放入容器div中,然后滚动它。

请参阅:http://jsfiddle.net/jpGdu/

另一种解决办法可能是将元素链接到填充顶部(如果它是h1或其他):)

答案 1 :(得分:0)

不确定为什么你被投票,这似乎是一个诚实的好问题。

我在视口上放了一个margin-top,等于固定顶边栏的高度。

http://jsfiddle.net/justiceerolin/KfMLJ/作为示例