부트 스트랩의 Scrollspy가 작동하지 않습니다.

Question

간단한 질문, 누군가 도와주세요? 이것에 혼란스러워.

페이지가로드되면 해당 navbar가 숨겨지고 모든 콘텐츠와 함께 양식 제출 후 표시됩니다. 내가 스크롤하거나 아무것도 그것은, 그 내용을 감시하지 않는 화면에 자신을 부착되지

<div class="navbar" id="mainnav"> 
<navbar inner code><ul><li's></li's></ul></navbarcode></div> 

<div id="contentwrap" class="row" data-spy="scroll" data-target="#mainnav"> 
Content with all the anchors 
</div> 

: 여기

는 네비게이션 바 코드입니다.

확실하지 않습니다. 모든 관련 파일이 포함되도록 부트 스트랩을 사용하고 있습니다. 여러 예제를 그대로 복사 했으므로 작동하지 않습니다. http://jsfiddle.net/ccRnM/7/

참고 : 여기에

전체 코드와 jsfiddle의이 네비게이션 바는 페이지 상단에 있지, 거기에 위의 설정 이미지이고 나는에 그 과거를 스크롤 할 수 있도록하려면 페이지 내용을 저장하고 navbar가 보류 상태가되도록합니다. 부트 스트랩 사이트의 예에서와 비슷합니다.

아이디어가 있으십니까?

Answer 1

여기에이 방법 중 하나가 있습니다. 대신 scrollspy를 사용 http://jsfiddle.net/panchroma/8jPNm/

자바 스크립트를 통해 I는

<div class="navbar" id="mainnav" data-spy="affix" data-offset-top="85"> 

85 화면이 메뉴 바는 부착 전에 스크롤 때문에,이 플레이해야하는 거리를 사용했다.

또한 첨부 된 후 navbar의 위치를 ​​지정하기 위해 CSS를 추가하고 bootstrap.min.js를 페이지 리소스에 추가했습니다.

행운을 빈다.