Javascript 我的平滑卷轴在单击时不起作用，它将我指向一个包含我的id名称的页面？

我试图在我的网页中使用平滑滚动，但它不起作用

我的Jquery代码：

$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(event) {
  console.log("jquery");
    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) {
        event.preventDefault();
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000, function() {
          var $target = $(target);
          $target.focus();
          if ($target.is(":focus")) {
            return false;
          } else {
            $target.attr('tabindex','-1');
            $target.focus();
          };
        });
      }
    }
  });

和我的HTML文件代码：

<nav class="navbar navbar-expand-lg navbar-dark bg-nav">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
          <ul class="navbar-nav navbar-center mt-2 mt-lg-0">
            <li class="nav-item active nav-li slideRight">
              <a class="nav-link" href="#home"><font face = "Helvetica" size = "4">Home</font></a>
            </li>
            <li class="nav-item active nav-li slideRight">
              <a class="nav-link" href="#about"><font face = "Helvetica" size = "4">About</font></a>
            </li>
            <li class="nav-item active nav-li slideDown">
              <img src="img/vhlogo.png" class="navbar-brand size_hide" height="60px" width="60px"/>
            </li>
            <li class="nav-item active nav-li slideLeft">
              <a class="nav-link" href="#gallery"><font face = "Helvetica" size = "4">Gallery</font></a>
            </li>
            <li class="nav-item active nav-li slideLeft">
              <a class="nav-link" href="#"><font face = "Helvetica" size = "4">Login/SignUp</font></a>
            </li>
          </ul>
        </div>
    </nav>

就这样我给了身份证 单击导航栏中的链接，它将重定向到最后一个值为/#gallery的url，但这不是一个文件

<div id="gallery" class="container">

实际上我是用它来链接我的文件的。因此，它将我重定向到基本url+id名称

请单击编辑，然后单击

[]

代码段编辑器，创建一个包含相关HTML和框架的代码段编辑器-例如，如果您使用BootStrap，您可以从此处复制库：我想您只需要更改

。单击（函数（事件）{

到

。单击（函数（事件）{event.preventDefault（）

现在它没有重定向我，但在单击链接后，滚动仍不起作用，没有发生任何事情