Javascript 引导Scrollspy中的数据偏移量根本没有偏移

我为scrollspy设置的任何数据偏移量都不起作用。 以下是相关的html、css和js代码：

HTML

<nav class="navbar navbar-fixed-top navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <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>
      <a class="navbar-brand" href="#"><strong>YOUNG'S PORTFOLIO</strong></a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right enlargeItem">
        <li><a href="#aboutBox">ABOUT</a></li>
        <li><a href="#portfolioBox">PORTFOLIO</a></li>
        <li><a href="#contactBox">CONTACT</a></li>
      </ul>
    </div>
  </div>
</nav>

JS

body {
      background-color: gray;
      padding-top: 110px;
      data-spy='scroll';
      data-target='.navbar';
      data-offset='';
      position: relative;
    }

$('body').scrollspy();

当我滚动到定义标记的目标区域（aboutBox、#portfolioBox、#contactBox）时，它会突出显示相应的列表项

但是，它关闭了一点，所以我想通过更改数据偏移量来更改偏移量，但是更改数据偏移量没有任何作用

---

如果有人想看一看整件事，下面是链接。我的代码出了一些问题

我试图使用CSS设置属性！哇，菜鸟的错误。我需要一些睡眠

我用的是navbar固定顶级。所以我不得不手动偏移150px 我将此应用于我的javascript：

$("body").attr({
    "data-spy": "scroll",
    "data-target": ".navbar"
  }).scrollspy({
    offset: 150
  });

我可以帮你吗