Scrollspy 错误：激活了错误的导航项

Question

我正在使用 scrollspy 开发引导登录页面：

// ScrollSpy
$('body').scrollspy({ target: '' });
$('[data-spy="scroll"]').each(function () {
    var $spy = $(this).scrollspy('refresh')
});

但不是正确突出当前导航项（添加 CSS active 类），而是突出显示下一个（或下一个但一个）项。什么会引发此错误，我该如何阻止它？

出错的站点是trapimo.org。

Answer 1

你需要像这样添加目标：

$('body').scrollspy({ target: '.navbar-example' })

在docs中都有解释

---

对于一般引导安装：

将滚动监听行为添加到您的顶栏导航，将data-spy="scroll" 添加到您要监视的元素（最常见的是body）。然后将data-target 属性与任何Bootstrap .nav 组件的父元素的ID 或类一起添加。

查看data-attr 上的文档中的示例。