点击锚点偏移问题(含bootstrap滚动监听的偏移设置)

原创 大喵 随笔 HTML+CSS 166阅读 2018-03-20 18:33:42 举报

1、问题现象:如果页面中设置了固定的导航栏,在锚点定位的时候,定在标题上时,标题就会被导航遮挡
2、解决方案:将锚点进行偏移,确保能够清晰的看到标题
3、锚点偏移的方法:
<a id="Resources" class="targey-fix"></a>
.targey-fix {
position: relative;
top: -70px;
height: 0;
overflow: hidden;
display: block;
}
(含bootstrap滚动监听的偏移设置:在监听主体中添加data-offset="180"偏移属性,默认为10)
4、总结:就是这么easy,注意position: relative;不能丢哦~

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复