jquery - Bootstrap Scrollspy不正确的突出显示

我有一个集成了bootstrap scrollspy的WordPress网站。滚动时会激活Scrollspy，但它会在导航栏中错误地突出显示前两个项目。由于第一个内容框大于其他内容框，因此似乎存在偏移问题，但是我在body标签中并通过jQuery('.navbar').scrollspy()添加了偏移。我还将padding-top: 100px添加到页面的第一个内容框中。这些解决方案均无效。我在这里想念什么？

The working page

最佳答案

默认情况下，ScrollSpy绑定到具有数据属性data-spy="scroll"的元素（在本例中为body元素），但是由于已经触发了ready事件后加载了许多图像和内容。

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

<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>

另外，在“关键优势”上，未提供内部ID链接，因此将其重定向到给定的链接。

关于jquery - Bootstrap Scrollspy不正确的突出显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21529840/