Bootstrap affix не изменит активную вкладку

Question

Код написан бывшим разработчиком front-end моей компании. После того, как он ушел, меня попросили изменить эту страницу. Когда я закончил работу над CSS, я нашел аффикс, который раньше работал, всегда будет активировать последний элемент li. Я пробовал много способов, но понятия не имею, почему это происходит.

Пример код:

<ul id="myNav" class="nav nav-tabs nav-stacked"> 
    <li><a href="#section-1">关于Speed Dating</a></li> 
    <li><a href="#section-2">活动流程</a></li> 
    <li><a href="#section-3">成功案例</a></li> 
    <li><a href="#section-4">往期回顾</a></li> 
    <li><a href="#section-5">地点</a></li> 
    <li><a href="#section-6">合作伙伴</a></li> 
</ul> 
...... 
<h2 id="section-1">关于Speed Dating</h2> 
<h2 id="section-2">关于Speed Dating</h2> 
...... 

Весь код на CodePen

Answer 1

Наконец, я нашел, что это потому, что бывшая отмечены атрибуты data-spy="scroll" data-target="#myScrollspy" теперь на сОн элементе.

Я удалил тег тела, потому что у прежнего HTML есть два тега body, первый из которых задан в базовом шаблоне, а второй написан в HTML для привязки бутстрап-аффикса. Так что bootstrap affix не работает после того, как я сменил второй тег body на div.

TL, NR: исправлено после добавления атрибутов data-spy="scroll" data-target="#myScrollspy" к элементу кузова.