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});

冲突的JQuery动画

2 个答案: