我有一个position:fixed
的顶部栏,其中还包含锚链接(<a href="#someid">jdjd</a>
)。
问题是目标位于视口顶部(固定顶部栏后面)。
如何修复以便浏览器滚动以便目标显示在顶部栏的下方?
答案 0 :(得分:3)
据我所知,没有干净的解决方案。如果使用内联滚动条可以实现,但它需要一个固定的高度。
使用CSS找到2个解决方案:http://css-tricks.com/hash-tag-links-padding/
另外,您可以非常轻松地使用JQUERY来测量用户身高,将其放入容器div中,然后滚动它。
请参阅:http://jsfiddle.net/jpGdu/
另一种解决办法可能是将元素链接到填充顶部(如果它是h1或其他):)
答案 1 :(得分:0)
不确定为什么你被投票,这似乎是一个诚实的好问题。
我在视口上放了一个margin-top
,等于固定顶边栏的高度。