scrollTop kotwica łącząc w Bootstrap 3

Rano chłopaki,scrollTop kotwica łącząc w Bootstrap 3

Ok więc używam Bootstrap 3 budować moją stronę - chcąc go wypolerować przy użyciu płynnego przewijania scrollTop na zakotwiczonych tagów. Nie mogę zmusić go do działania w moim życiu.

Więc tutaj jest mój kod:

<script type="text/javascript" src="js/animate.js"></script> 


<body> 

<div id='imgDiv'> 
    <div class="container"> 

     <center> 
      <a href="#imgDiv2"><h2>my link</h2></a> 

     </center> 
    </div> 
</div> 



<a href=""> 
<div id='imgDiv2'></div> 
    some content here 
     </div> 
    </div> 
    </div> 
</div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/bootstrap.js"></script>

Jest to skrypt wewnątrz animate.js

// JavaScript Document 

$(document).ready(function() { 
     $('a[href^="#"]').click(function() { 
      var target = $(this.hash); 
      if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]'); 
      if (target.length == 0) target = $('html'); 
      $('html, body').animate({ scrollTop: target.offset().top }, 500); 
      return false; 
     }); 
    });

Więc robi kotwica do div id nazwie imgDiv2 ale nie za pomocą gładkiej animacji przewijania, jakieś pomysły?

Źródło

2014-05-09 user3520443

najpierw załadować jQuery niż wtyczek, które wymagają jQuery. Pracują ze sobą – Dorvalla

Dziękuję - zadziałało. – user3520443

Trzeba to animate.js po jQuery od kodu jQuery wewnątrz animate.js wymaga biblioteki jQuery rdzeń do pracy:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/animate.js"></script>

Źródło

2014-05-09 08:12:18 Felix

Pracowałem - dziękuję - zaznaczę odpowiedź, gdy mi pozwoli. – user3520443

nic nie powinno uniemożliwiać zaakceptowania odpowiedzi jako prawidłowej, przycisk do głosowania (górny i dolny trójkąt) to jedno, przycisk akceptacji to duży szary znacznik ... – webeno

@ user3520443 Cieszę się, że pomogło :-) – Felix

scrollTop kotwica łącząc w Bootstrap 3

Odpowiedz

Powiązane problemy