Конфликт анимации 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});