2012-07-17 9 views
5

여기 제가 직면 한 문제가 있습니다.부트 스트랩 scrollspy가 작동하지 않습니다.

http://bittu.github.com/folderGrid/

은 처음에는 마지막 탭을 강조하고, 스크롤 때 스크롤의 각각의 단계에서 두 태그 사이에서 전환한다.

다음은 사용 된 코드의 작은 조각입니다.

<body data-spy="scroll" data-target=".subnav" data-offset="50"> 

<div class="subnav"> 
    <ul class="nav nav-pills"> 
     <li><a href="#contents">Contents</a></li> 
     <li><a href="#config">Config Options</a></li> 
     <li><a href="#usage">Usage</a></li> 
     <li><a href="#examples">Examples</a></li> 
    </ul> 
</div> 

<div class="row"> 
    <div class="span12"> 
     <section id="contents"> 
      .... 
     </section> 
     <section id="config"> 
      .... 
     </section> 
     <section id="usage"> 
      .... 
     </section> 
     <section id="examples"> 
      .... 
     </section> 
    </div> 
</div> 

필요한 모든 파일이 포함되어 있습니다. 모든 숫자를 시도했습니다 data-offset

+0

해결 되었습니까? 스 니펫이 작동하는 것 같습니다. 어떤 답이 문제를 해결 했습니까? –

답변

0

트위터의 부트 스트랩에서 subnav 클래스를 정의하지 않았습니다. 부트 스트랩에 대한 트위터의 페이지에서 제공되지만 다시 사용하려면 CSS의 일부 코드를 포함시켜야합니다. 그것은이 특정 페이지를 위해 독점적으로 설계되었습니다. Subnav는 스크롤 할 때 위치를 고정 시켜서 CSS와 JS을 살펴 봅니다.

+1

나는 navbar를 TOP에 위치시키기위한 CSS뿐만 아니라 JS도 포함 시켰습니다. 질문에 대한 내 링크를 확인하십시오 ... 내 문제의 실제 작동 예제입니다 ... – Sandeep

0

몇 시간 전에이 문제가 발생했습니다. 나는 당신이 한 것처럼 (body의 스파이와 대상으로 section를 사용하는 것과 같은 방식으로) 사용합니다. 결국 데모 사이트를 확인했지만 이미 html5 선언이 있지만 파일의 시작 부분에 나는 단지 <!DOCTYPE html>을 놓친 것을 발견했습니다.

그런데 부트 스트랩 v2.1로 전환했습니다.

관련 문제