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' })

文档中对此进行了解释

---

对于一般的引导程序安装：

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

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