衝突的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});