Bootstrap ScrollSpy пропускает секцию, когда нет прокручиваемой области

Question

У меня проблема с Bootstrap ScrollSpy относительно положения прокрутки выбранного элемента. Проблема возникает в нижней части страницы, у меня есть несколько относительно коротких разделов содержимого на странице. Они сбрасываются и расширяются onClick (так что да, если я решила открыть все, то, похоже, не было проблем), и когда я дойду до нижней части страницы, прежде чем все будут выбраны scrollspy, она перейдет к последнему элементу на nav.

Это, кажется, проблема с не более прокручиваемой областью. (Также добавление лишнего пробела для уничтожения дизайна не является опцией)

Я добавил scrollspy в тело, мое тело не имеет добавленных значений высоты, смещение не имеет эффекта, тогда как начало выделенного элемента было ранним.

Вот JSFiddle моего кода: http://jsfiddle.net/Abuu/sAUee/

$(document).ready(function() { 
    $('body').scrollspy({ 'target': '#nav', 'offset': 10 }); 
}); 

Я только нашел один подобный вопрос здесь Так, но это не был дан ответ: Bootstrap - Scrollspy scrolling skipping second to last section

Спасибо заранее.

Answer 1

Это происходит, когда разделы недостаточно велики, чтобы отображать пространство дисплея, поэтому, когда несколько разделов находятся на странице одновременно, ScrollSpy по умолчанию относится к последнему разделу. Из того, что я видел, это происходит только с последними разделами на странице.

Если вы добавляете высоту в каждую секцию, занимающую экранную недвижимость, вы увидите, что она работает так, как должна.