修复了顶部线条与命名的锚点
我有一个顶部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