jquery - 冲突的 JQuery 动画

Question

我正在尝试为滚动到 div 设置动画，同时为所述 div 的高度设置动画。滚动和动画都独立工作，但不能同时工作。我认为他们在某种程度上发生了冲突。有任何想法吗？

setTimeout(function() {
  $("html,body").animate({scrollTop: $(".hublot").offset().top}, 500);
  $(".hublot").animate({height:$(window).height()}, 500, 'easeInOutQuart');
}, 500);

Answer 1

您必须一次制作所有动画，而不是单独制作动画，例如：

setTimeout(function() {
   $("html,body").animate({
       scrollTop: $(".hublot").offset().top, 
       height: $(window).height()
    }, duration: 500,
    specialEasing: {
       height: "easeInOutQuart"
    });
}, 500);

Answer 2

修复了使用队列。虽然无法弄清楚如何用速记方式编写缓动和队列。

    $("html,body").animate({scrollTop: $(".hublot").offset().top}, 500, false);
    $(".hublot").animate({height:$(window).height()}, {duration: 500, easing:"easeInOutQuart", queue: false});