css - 固定顶栏与命名锚点

Question

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

问题是目标被放置在视口的顶部（在固定的顶栏后面）。

如何修复浏览器滚动以使目标显示在顶栏下方？

Answer 1

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

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

否则，您可以很容易地使用 JQUERY 来测量用户的身高，将其放入容器 div 中，然后在其上滚动。

见：http: //jsfiddle.net/jpGdu/

另一个解决方案可能是将元素 ur 链接到填充顶部（如果它是 h1 或其他）:)

Answer 2

不知道你为什么被否决，这似乎是一个诚实的好问题。

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

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