Bootstrap Scrollspy Неверное выделение

Question

У меня есть сайт WordPress, который объединяет scrollspy бутстрапа. Scrollspy активируется, когда вы прокручиваете, но он неправильно отображает первые два элемента в навигационной панели. Кажется, есть проблема смещения из-за того, что первая область содержимого больше, чем другие, но я добавил смещение в теге тела и через jQuery('.navbar').scrollspy(). Я также добавил padding-top: 100px в первый контент на странице. Ни одно из этих решений не работает. Что мне здесь не хватает?

The working page

Answer 1

По умолчанию ScrollSpy будет привязать к элементу с данными атрибута data-spy="scroll" (в данном случае body элемента), но так как есть много изображений и содержимое Загрузка после ГОТОВ событие уже уволена.

Я хотел бы предложить использовать javascript api в 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> 

Кроме того, на «Key Advantage» ссылка внутренний идентификатор не предоставляется поэтому он перенаправляется на указанную ссылку.