jquery - 滚动 spy 错误 : Wrong nav item activated

Question

我正在使用 scrollspy 开发 Bootstrap 登陆页面:

// 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中都有解释

---

对于一般的 Bootstrap 安装:

将 scrollspy 行为添加到您的顶部栏导航，将 data-spy="scroll" 添加到您要监视的元素(最典型的是 body) .然后使用任何 Bootstrap .nav 组件的父元素的 ID 或类添加 data-target 属性。

检查文档中有关 data-attr 的示例。