点击导航里的链接，滚动到指定位置，可是滚动会滚动到页面最顶部，也就是说，有一部分会被导航条遮挡住。试了很多方法也没有得到解决，data-offset属性也没有用。测试了几个同学的代码，也是相同的问题。同学们或者老师能给一个思路解决这个问题吗？

源自：2-8 滚动监控器--在body中加监控

点击导航里的链接，滚动到指定位置，可是滚动会滚动到页面最顶部，也就是说，有一部分会被导航条遮挡住。试了很多方法也没有得到解决，data-offset属性也没有用。测试了几个同学的代码，也是相同的问题。同学们或者老师能给一个思路解决这个问题吗？

设置margin:50px;

提问者：御风而行 2015-11-08 17:08

个回答

陌凉_

2019-06-21 11:59:51

把.scrollspy-example的滚动监控去掉，给body加上如：<body data-offset="100" data-target="#navbar-example2" data-spy="scroll" >，
(感谢评论区Faxine给出的解决方案，纯复制)

0
qq_乐乐乐_1

2017-08-02 20:49:26

我的没这个问题啊，data-offset也起作用

0
zhU_UtaoO

2016-08-18 12:15:35

body{
padding-top: 70px;
}

0
西风潇潇

2016-06-11 17:34:08

直接在body下第一行加一个div元素,设置margin-bottom的值即可。
```
<div style="width:1px;margin-bottom:50px"></div>
```
1
程程的爹妈

2015-11-19 17:57:05

http://stackoverflow.com/questions/9288482/how-do-i-set-the-offset-for-scrollspy-in-bootstrap
<script>
    var offset = 50;

$('.navbar li a').click(function(event) {
    event.preventDefault();
    $($(this).attr('href'))[0].scrollIntoView();
    scrollBy(0, -offset);
});
</script>

1