提供对象时animate（）不起作用

Question

滚动120px后，我试图设置标题动画。该代码有效：

jQuery(document).ready(function () {
  jQuery(window).on('scroll', function() {
    scrollPosition = jQuery(this).scrollTop();
    if (scrollPosition >= 120) {
      jQuery(".add-header-height").css("height", "90");
      jQuery(".add-header-height").addClass("sticky");
    } else {
      jQuery(".add-header-height").css("height", "120");
      jQuery(".add-header-height").removeClass("sticky");
    }
  });
});

如果我将.css("height", "90");更改为.animate({ height: 90 }); 以及从.css("height", "120");到.animate({ height: 120 });的代码不再起作用。 Add和removeClass可以正常工作，但是动画则不能。为什么？