Question

我收到以下错误：

未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的

＆＃13;

$(document).ready(function() {
  $(function() {
    $('a[href*="#"]').on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
      }, 500, 'linear');
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="scrollDown">
  <a href="#nextSection"><span></span>toliau</a>
</div>

＆＃13;

Answer 1

只需更改此行，我希望它能正常工作

 scrollTop: $($(this).attr('href')).offset().top

到此

  scrollTop: $(this).offset().top

Answer 2

$(document).ready(function() {
  $(function() {
    $('a[href*="#"]').on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
          scrollTop: $(this).offset().top
      }, 500, 'linear');
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="scrollDown">
  <a href="#nextSection"><span></span>toliau</a>
</div>

jQuery向下滚动功能不起作用

2 个答案: