平滑滚动Bootstrap 3

我有一些问题试图在我的页面中有一个平滑的滚动，基本上我有这样的页面周围的锚标签：

Module Description
 ... 
 

我使用以下javascript工作正常，但问题是，如果我使用此脚本，bootstrap 3的模态和其他function中断，不再工作

  $('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; } } }); 

我想知道什么可能是这个脚本的解决方案或有其他类似的脚本，使用bootstrap测试3谢谢

Answer 1

$('a[href*=#]:not([href=#])')将非常通用也将改变目标锚点，例如模态。 尽量减少通用性：

 
 
Module Description 

$('ul#insidepagenav > li > a[href*=#]:not([href=#])')

Answer 2

如果你更换

 a[href*=#]:not([href=#]) 

同

 a[href*=#]:not([href=#]):not([href=#idname]) 

您可以阻止平滑滚动为该特定链接工作