부트 스트랩 Navbar - Spyscroll이 작동하지 않음 및 기타 문제

spyscroll 문제와 관련하여 몇 가지 다른 질문을 보았지만 제 상황에는 그다지 적용되지 않았습니다. 내 사이트의 기본 페이지에 간단한 spyscroll 기능을 적용하여 탐색 표시 줄에 적용하려고하지만 작동하지 않는 것 같습니다.부트 스트랩 Navbar - Spyscroll이 작동하지 않음 및 기타 문제

또한이 기본 링크에 기본 스크롤 기능을 추가하고 싶습니다. 부트 스트랩에 스크롤 기능이 있습니까? 나열된 목록이 보이지 않습니다. 이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

사이트는 debbierking.com/bootstrap에 있습니다.

내가 부트 스트랩 새로운 오전 내 JQuery와 지식이 최소 있습니다

...

관련 태그 :

<body data-spy="scroll" data-target=".navbar"> 

    <div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 

     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <div class="nav-collapse">  
      <ul class="nav pull-right"> 
      <li class="active"><a href="#work">Work</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div><!-- /.nav-collapse --> 

     </div><!-- /.container --> 
    </div><!-- /.navbar-inner --> 
    </div><!-- /.navbar --> 


    <script src="js/bootstrap.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('.navbar').scrollspy() 
    }); 
    </script> 
</body>

출처

2012-12-19 designlady

FlabbyRabbit의이 jsfiddle 코드에 따라 이것을 설정하려하고 있지만 여전히 문제가 있습니다. http://jsfiddle.net/flabbyrabbit/69z7x/ – designlady

나는 문제는 당신이 당신의 <head> 내부의 navbar를 배치하는 것을 생각하는 나는 생각하지 않는다. 부트 스트랩의 예제 인 page은 태그 안에 navbar을 분명히 놓는다. 또한 example을 체크한다.

출처

2012-12-19 23:05:04 Khaled

사실 그것은 글의 실수였습니다. 이 위로 ... navbar는 실제로 페이지의 * body *에있는 header 태그 안에 있습니다. 사과드립니다 ... 여기에서 바로 고쳤습니다. – designlady

내 컴퓨터에서 작동하도록 만들었습니다. 부트 스트랩을 포함하기 전에 jquery를 포함시켜야합니다. 또한 부트 스트랩 예제와 같이 스크롤 할 단락을 포함하는'div'에'data-spy = "scroll"data-target = ". navbar"를 넣는 것을 선호 할 수 있습니다. 코드를 업데이트하여 단락을 스크롤하는 위치를 알려주십시오. – Khaled

좋아,이 쉽게, 내가 관련 코드를 여기에 설정 : http://jsfiddle.net/DesignLady94/N6UPj/10/ (이것은 잘 작동하는 Flabby Rabbit에서 원래 코드를 기반으로 (위의 주석을 참조하십시오) .spyscroll 및 scrollTo 포함 할 노력하고 있지만 어떤 이유로 작동하도록 얻을 수 없습니다. 잘하면이 도움이 ... 그리고 내 스크롤 부서를 볼 수 있습니다. 감사합니다! – designlady

부트 스트랩 Navbar - Spyscroll이 작동하지 않음 및 기타 문제

답변

관련 문제