jQuery在诉诸之后跳转到元素

Question

我正在使用一个可爱的小脚本来点击它来跳转到元素。

$('.image-only').click(function () {
      $(this).parent().toggleClass('scale-image');
      $(".grid-item").not($(this).parent()).removeClass('scale-image');
      $grid.isotope('layout');
      $('html, body').animate({
          scrollTop: $(this).offset().top - 100
      }, 400);
});

脚本在一个问题上运行得很好。我正在使用同位素网格系统来对图像进行排序/排序。如果用户单击某个项目，则图像会向上扩展（$(this).parent().toggleClass('scale-image');）并且网格正在求助（$grid.isotope('layout');）。 jQuery将视口移动到元素的旧位置，因此它不正确。

Have a look here！ （点击下面的图片之一）

有没有办法纠正它？