Question

嗨，这里有这样的信息：未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的

'scrollTop': $target.offset().top - 60

代码块：

$('.btn-circle-cover').on('click',function (e) {
    e.preventDefault();
    var target = this.hash,
    $target = $(target);
    $('html, body').stop().animate({
      'scrollTop': $target.offset().top - 60
  }, 2200, 'swing', function () {
      window.location.hash = target;
  });
});

Answer 1

this.hash无效，因为this代表的<button>不会有href。而是使用href遍历具有.parentNode属性的父元素，并使用.hash获取href的哈希值。

示例：

$('.btn-circle-cover').on('click', function(e) {
  e.preventDefault();
  var target = this,
    $target = $(target);
  $('html, body').stop().animate({
    'scrollTop': $target.offset().top - 60
  }, 2200, 'swing', function() {
    console.log('hash is: ', e.currentTarget.parentNode.hash)
    window.location.hash = e.currentTarget.parentNode.hash;
  });
});

body {
  height: 4000px;
}
button {
  margin-top: 3000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Scroll Down</p>
<a href="#hdsf">
  <button class="btn-circle-cover">Click here</button>
</a>

未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的偏移量（）。顶部

1 个答案: