                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（JS插件篇）

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

设置margin:50px;

御风而行

2015-11-08

源自：玩转Bootstrap（JS插件篇） 2-8

关注问题我要回答

5458

操作

收起

5 回答

陌凉_
2019-06-21

把.scrollspy-example的滚动监控去掉，给body加上如：<body data-offset="100" data-target="#navbar-example2" data-spy="scroll" >，

(感谢评论区Faxine给出的解决方案，纯复制)

0 回复有任何疑惑可以回复我~

收起回答

qq_乐乐乐_1
2017-08-02

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

0 回复有任何疑惑可以回复我~

收起回答

zhU_UtaoO
2016-08-18

body{

padding-top: 70px;

}

0 回复有任何疑惑可以回复我~

收起回答

西风潇潇
2016-06-11

直接在body下第一行加一个div元素,设置margin-bottom的值即可。

<div style="width:1px;margin-bottom:50px"></div>

1 回复有任何疑惑可以回复我~

收起回答

程程的爹妈
2015-11-19

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>