Bootstrap Scrollspy 中的数据偏移量根本没有偏移答案

【问题标题】：data-offset in Bootstrap Scrollspy is not offseting at allBootstrap Scrollspy 中的数据偏移量根本没有偏移
【发布时间】：2017-08-10 00:23:53
【问题描述】：

我为 scrollspy 设置为 data-offset 的任何值都不起作用。下面是相关的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>

CSS

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

$('body').scrollspy();

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

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

如果有人想查看整个内容，这里是codepen 的链接

【问题讨论】：

This answer 可以帮到你

标签： javascript jquery html css twitter-bootstrap-3

【解决方案1】：

啊。我的代码有几个问题。

我正在尝试使用 CSS 设置属性！ WOW菜鸟错误。我需要睡觉。
我使用的是 navbar-fixed-top 类。所以我不得不手动偏移150px。

我将此应用到我的 javascript：

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

【讨论】：