Glatt-scrolling, Bootstrap 3

Ich bin mit einigen Problem versucht zu haben, eine glatte Blättern Sie in der Seite meine, im Grunde habe ich anchor tags, die auf einer Seite wie dieser:

<li><a href="#description">Module Description</a></li>
...
<section id=" description ">

Und ich bin mit dem folgenden javascript-Code, funktioniert Prima, aber das problem ist, dass wenn ich dieses Skript verwenden, die modale und andere features von bootstrap 3 Pausen und funktioniert nicht mehr

  $('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    || location.hostname == this.hostname) {

  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    $('html,body').animate({
      scrollTop: target.offset().top
    }, 1000);
    return false;
  }
}
}); 

Frage ich mich, was könnte eine Lösung für dieses Skript oder gibt es andere ähnliche Skript ist getestet mit bootstrap 3
Dank