jquery - jquery scrolltop 动画在点击时翻转但随后平滑滚动

Question

我已经设置了这个功能：

      $(function() {
      $('.top a').bind('click',function(event){
          var $anchor = $(this);

          $('html, body').stop().animate({
              scrollTop: $($anchor.attr('href')).offset().top
          }, 5000,'easeInOutExpo');
          event.preventDefault();
      });
  });

它工作得很好，但是当我点击它在线时，它会像一些像素一样先跳起来，然后平滑地滚动到顶部。

主体和包装上都没有边距或填充物。我要定位的 div 是页面上的第一个元素，也是我从底部和包装器外部开始的元素。

起初那个小翻转怎么样？