Jquery 引导Scrollspy不正确的突出显示

我有一个WordPress网站，集成了引导scrollspy。滚动时，Scrollspy被激活，但它在导航栏中不正确地突出显示前两项。由于第一个内容框比其他内容框大，似乎存在偏移量问题，但我在body标记中并通过

jQuery（'.navbar'）.scrollspy（）

添加了偏移量。我还在页面的第一个内容框中添加了

padding top:100px

。这些解决方案都不起作用。我错过了什么

---

默认情况下，

ScrollSpy

绑定到具有数据属性的元素

data spy=“scroll”

（在本例中为

body

元素），但由于在ready is事件已经触发后加载了许多图像和内容

我建议使用scrollspy刷新使用刷新方法计算的偏移量和目标，如下代码所示：

<script type="text/javascript">
jQuery(document).ready(function() {
    setTimeout(updateScrollSpy, 1000);
});
function updateScrollSpy() {
    jQuery('[data-spy="scroll"]').each(function () {
      var $spy = jQuery(this).scrollspy('refresh')
    });
}
</script>

jQuery（文档）.ready（函数（）{
setTimeout（updateScrollSpy，1000）；
});
函数updateScrollSpy（）{
jQuery（'[data spy=“scroll”]'）。每个（函数（）{
var$spy=jQuery（this）.scrollspy（'refresh'））
});
}

---

此外，在“Key Advantage”上，未提供内部id链接，因此将其重定向到给定的链接。

默认情况下，

ScrollSpy

绑定到具有数据属性的元素

data spy=“scroll”

（在本例中为

body

元素），但由于在ready is事件已触发后有许多图像和内容加载

我建议使用scrollspy刷新使用刷新方法计算的偏移量和目标，如下代码所示：

<script type="text/javascript">
jQuery(document).ready(function() {
    setTimeout(updateScrollSpy, 1000);
});
function updateScrollSpy() {
    jQuery('[data-spy="scroll"]').each(function () {
      var $spy = jQuery(this).scrollspy('refresh')
    });
}
</script>

jQuery（文档）.ready（函数（）{
setTimeout（updateScrollSpy，1000）；
});
函数updateScrollSpy（）{
jQuery（'[data spy=“scroll”]'）。每个（函数（）{
var$spy=jQuery（this）.scrollspy（'refresh'））
});
}

---

此外，在“关键优势”上，没有提供内部id链接，因此它被重定向到给定的链接。

我打赌它与您的“NiceSoll”插件有关，而不是引导scrollspy。@davidkonrad Nope刚刚禁用了它，但仍然是一样的。嘿@Daniel。你在测试什么浏览器？我已经尝试过chrome/ubuntu，我向您保证它能正常工作。滚动时，将突出显示正确的项目。如果使用IE8，则应添加html5.js。@davidkonrad导航栏上的前两项未正确高亮显示。因为第一个内容框的高度比其他内容框大，所以它没有意识到这一点。我敢打赌，这与你的“nicesroll”插件有关，而不是bootstrap scrollspy。@davidkonrad Nope刚刚禁用了它，但还是一样。嘿@Daniel。你在测试什么浏览器？我已经尝试过chrome/ubuntu，我向您保证它能正常工作。滚动时，将突出显示正确的项目。如果使用IE8，则应添加html5.js。@davidkonrad导航栏上的前两项未正确高亮显示。因为第一个内容框的高度比其他内容框大，所以它没有意识到这一点。谢谢，这很有效。将

jQuery（document）.ready（）函数添加到刷新中修复了它。谢谢，这很有效。将
jQuery（document）.ready（）函数添加到刷新中修复了它。