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上的文档中的示例。