2014-10-03 5 views
0

** 업데이트 **부트 스트랩 부착은 메뉴에서 슬라이드없이 페이지에 작업

그래서 다시 작업 할 수있는 접사 클래스를 방지 자바 스크립트의이 작품에 좁혀 ..하지만 한 좀 더 조사 후 .. 이것이 왜 페이지를 망칠지 모르겠다. ??

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> 

나는이 사업부를 제거

, 그것은 작동합니다. 어떤 도움이나 올바른 방향으로 밀어 넣는 것이 좋을 것입니다!

감사합니다.

+0

스크롤 - 스파이없이 접사를 사용하면 작동합니다. – Christina

+0

크리스티나 - 어떤 스크롤 스파이입니까? – icekomo

+0

너의 몸 꼬리표에 붙어있는 것 – Christina

답변

0

이것은 원인 일 수 있습니다. 제거하여 테스트하십시오.

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

아직 작동하지 않습니다 .. burgerWrapper div를 제거 할 때만 작동하지만 ... 이유를 모르겠습니다. – icekomo