修复了顶部线条与命名的锚点

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

问题是目标放置在视口的顶部(固定顶栏后面)。

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


不知道你为什么被低估,这似乎是一个诚实的好问题。

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

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


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

使用CSS找到2个soloutions:http://css-tricks.com/hash-tag-links-padding/

否则,你可以非常容易地使用JQUERY来衡量用户的高度,把它放到一个容器div中,并滚动。

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

另一个soloution可能会给元素我链接到填充顶部(如果它是H1或其他):)

链接地址: http://www.djcxy.com/p/10639.html

上一篇: Fixed topbar vs named anchors

下一篇: How to get rid of msbuild warning MSB3644