将ID放入链接时，为什么我的平滑滚动会被破坏？

Question

我使用了一个平滑的滚动脚本和一个叫做动画模式的js脚本。按下触发animatedmodal.js的模态后，我的滚动脚本停止工作。 知道光滑滚动停止工作的原因吗？

*当我拿出＆＃39; id＆＃39;在链接中，动画模态函数不起作用，平滑滚动开始工作。

平滑滚动是：

  $(document).ready(function(){
  $('a[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) {
        var targetOffset = $target.offset().top;
        $('html,body')
        .animate({scrollTop: targetOffset}, 600);
       return false;
      }
    }
  });
});

打开动画模式的链接是：

 <li class="active"><a id="contactModal" href="#animatedModal">

模态的div标签是：

<div id="animatedModal">

调用动画模式的脚本是：

 $("#contactModal").animatedModal();