我收到此错误无法读取未定义的属性“顶部”

Question

我尝试将平滑滚动添加到程序中，但是将其添加到程序中时会导致错误。我不是Jquery的专家，将不胜感激。我想要按钮和链接上的平滑。

$("html,body").animate({ scrollTop: $(hash).offset().top - 100 }, 800);

$("#navbar a, .btn").on("click", function(event) {
  if (this.hash !== "") {
    event.preventDefault();

    const hash = this.hash;
    $("html,body").animate({ scrollTop: $(hash).offset().top - 100 }, 800);
  }
});

<nav id="navbar">
  <div class="hamburger">
    <i class="fas fa-bars fa-2x" />
  </div>
  <h1 class="logo">
    <span class="text-primary">
      <i class="fas fa-utensils" /> Lakay
    </span>
    Resto
  </h1>
  <ul>
    <li>
      <a href="#" class="current">
        Home
      </a>
    </li>
    <li>
      <a href="#who">About</a>
    </li>
    <li>
      <a href="#contact">Contact</a>
    </li>
    <li>
      <a href="#">Menu</a>
    </li>
  </ul>
</nav>;