Bootstrap Affix работает только на страницах без выдвигающегося меню

Question

** Обновлено **

Так после еще некоторого исследования я сузил его до этой части JavaScript предотвращающей класс аффикс работать .. но опять же .. Я не уверен, почему это сломает страницу?

var panelExample = $('#someID').scotchPanel({ 
    containerSelector: 'body', // Make this appear on the entire screen 
    direction: 'left', // Make it toggle in from the left 
    duration: 300, // Speed in ms how fast you want it to be 
    transition: 'ease', // CSS3 transition type: linear, ease, ease-in, ease-out, ease-in-out, cubic-bezier(P1x,P1y,P2x,P2y) 
    clickSelector: '.toggle-panel', // Enables toggling when clicking elements of this class 
    distanceX: '300px', // Size fo the toggle 
    enableEscapeKey: true // Clicking Esc will close the panel 
}); 

Я пытался выяснить, почему класс аффикса ломается, когда у меня есть выпадающее меню. В настоящее время я работаю над этим: site link

Если вы видите другие страницы, меню будет придерживаться верхней части после прокрутки вниз. Но криминальная страница не работает. Я сузил его до этой части HTML, что заставляет его не работать, но я просто не могу понять, почему. Не похоже, что в этом теге div есть что-то особенное.

<div id="burgerWrapper" class="toggle-panel"> 
    <h3 id="closeBtn">X</h3> 
    <ul> 
     <li class="hidden"><a class="page-scroll" href="#page-top"></a></li> 
     <a href="#criminalLaw" class="page-scroll"><li>CRIMINAL LAW</li></a> 
     <a href="#criminalLocalCourt" class="page-scroll"><li>LOCAL COURT MATTERS</li></a> 
     <a href="#criminalMentalHealth" class="page-scroll"><li>SECTION 32 APPLICATIONS</li></a> 
     <a href="#criminalConviction" class="page-scroll"><li>CONVICTION AND SEVERITY APPEALS</li></a> 
     <a href="#criminalBail" class="page-scroll"><li>BAIL APPLICATIONS</li></a> 
     <a href="#criminalSerious" class="page-scroll"><li>SERIOUS CRIME</li></a> 
     <a href="#criminalPenalties" class="page-scroll"><li>PENALTIES AND SENTENCES</li></a> 
     <a href="#criminalFee" class="page-scroll"><li>FEE ARRANGEMENTS</li></a> 
    </ul> 
</div> 

Когда я удалить этот DIV, он работает. Любая помощь или толчок в правильном направлении были бы замечательными!

Thanks

Answer 1

Это может быть причиной этого. Проверьте, удалив его.

<section id="burgerIcon"> 
     <button type="button" class="navbar-toggle toggle-panel"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
</section>