关于javascript：Bootstrap Scrollspy中的data-offset根本没有偏移


data-offset in Bootstrap Scrollspy is not offseting at all

我为scrollspy设置为data-offset的任何值根本不起作用。
以下是相关的html，css和js代码：

的HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<nav class="navbar navbar-fixed-top navbar-default">
 
   
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      YOUNG'S PORTFOLIO
   

   
      <ul class="nav navbar-nav navbar-right enlargeItem">
       
<li>
ABOUT
</li>

       
<li>
PORTFOLIO
</li>

       
<li>
CONTACT
</li>

     
</ul>

   
 
</nav>

的CSS

1
2
3
4
5
6
7
8
body {
      background-color: gray;
      padding-top: 110px;
      data-spy='scroll';
      data-target='.navbar';
      data-offset='';
      position: relative;
    }

JS

1
$('body').scrollspy();

当我滚动到定义标签的目标区域(＃aboutBox，＃portfolioBox，＃contactBox)时，它会突出显示适当的列表项。

但是，它有点偏离，所以我想通过更改数据偏移量来更改偏移量，但是更改数据偏移量不会做任何事情。

如果有人想看一看整个东西，这是指向代码笔的链接

相关讨论

啊 夫妇我的代码有问题。

  • 我试图使用CSS设置属性！ 哇菜鸟错误。 我需要睡眠。
  • 我正在使用navbar-fixed-top类。 所以我不得不手动偏移150px。

    • 我将此应用到我的javascript：

    1
    2
    3
    4
    5
    6
    $("body").attr({
       "data-spy":"scroll",
       "data-target":".navbar"
      }).scrollspy({
        offset: 150
      });