jQuery .animate scrollTop函数不起作用

Question

我正在尝试在投资组合网站上使用jQuery学习动画滚动。我认为这在理论上应该可行，但是我的按钮仍然只是“跳转”到其href而不是滚动。

javascript包含在$(document).ready(function() {})东西中：

$('a[href*="#"]:not([href="#"])').click(function() {

  var target = $(this.hash);

  if (target.length) {

    $('html, body').animate({

      scrollTop: target.offset().top

    }, 1000);

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="collapse navbar-collapse" id="navbarResponsive">

  <ul class="navbar-nav ml-auto">

    <li class="nav-item">

      <a class="nav-link" href="#home">Home</a>

    </li>

    <li class="nav-item">

      <a class="nav-link" href="#about">About Me</a>

    </li>

    <li class="nav-item">

      <a class="nav-link" href="#skills">Skills</a>

    </li>

    <li class="nav-item">

      <a class="nav-link" href="#projects">My Projects</a>

    </li>

    <li class="nav-item">

      <a class="nav-link" href="#contact">Contact Me</a>

    </li>

  </ul>

</div>

我希望这将滚动到具有这些ID的部分，而不是跳转。