                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（JS插件篇）

點擊導航里的鏈接，滾動到指定位置，可是滾動會滾動到頁面最頂部，也就是說，有一部分會被導航條遮擋住。試了很多方法也沒有得到解決，data-offset屬性也沒有用。測試了幾個同學的代碼，也是相同的問題。同學們或者老師能給一個思路解決這個問題嗎？

?設置margin:50px;

御風而行

2015-11-08

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

關注問題我要回答

5559

操作

收起

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>