您的位置:首页 > Web前端 > CSS

锚点偏移问题的解决

2015-07-17 20:49 561 查看
  很多时候我们的页面会用到导航,因此会设置锚点。而当我们的页面的header通过fixe固定时会存在部分遮挡跳转之后的内容,而这就需要通过锚点偏移来解决。代码如下:

<a name="nav" class="shifted-anchor"></a>
<div>
...........(要跳转到的内容)
</div>

a.shifted-anchor
{
position: relative;
top: -offset;
display: block;
}


offset为需要的偏移量,在这里就等于footer的高度。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html css 锚点偏移