javascript - 我该如何解决 Uncaught TypeError : Cannot read property 'top' of undefined

Question

我有一页网站。我用 js 添加了 smoothscroll。

$(document).ready(function(){
    $("li > a").on('click', function(e) {
    if (this.hash !== "") {
      e.preventDefault();
      var hash = this.hash;

    $('html, body').animate({
         scrollTop: $(hash).offset().top
       }, 800, function(){
     window.location.hash = hash;
     });
    }
   });
  });

这是我的导航 html 代码:

<li class="{{ slug == '/' ? 'active' : '' }}"><a href="#home">HOME</a></li>
<li class="{{ slug == '/about' ? 'active' : '' }}"><a href="#about">ABOUT</a></li>
<li class="{{ slug == '/blog' ? 'active' : '' }}"><a href="#blog">BLOG</a></li>

但是当我转到另一个页面(如博客)时，单击导航再次转到一个页面时出现错误。我错过了什么吗？

Answer 1

我希望当你得到它们时，你的散列将是这样的 '#about' 和 '#home' '#blog'。

请使用不带“#”的散列，因为您的 ID 不带“#”，对吗？