我们目前遇到的问题是,www.example.com/#section表格中的链接没有跳转到正确的位置,因为我们在顶部有一个固定的导航,它覆盖了网站的第一部分.
<div id="anchorpoint">Some content here</div>
我们如何告诉浏览器跳转到锚点位置100px？
谢谢.
解决方法
HTML(添加额外的锚标记)
<a id="anchorpoint" class="anchor"></a> <div>Some content here</div>
CSS
.anchor {
display:block;
padding-top:100px;
margin-top:-100px;
}
这是对Fixed position navbar obscures anchors的略微修改.优点在于,您不预先填充实际容器的填充和边距.
