충돌하는 JQuery 애니메이션

Question

동시에 div의 높이에 애니메이션을 적용하면서 div에 스크롤을 적용하려고합니다. 스크롤과 애니메이션은 모두 독립적으로 작동하지만 동시에 작동하지는 않습니다. 나는 그들이 어떻게 든 상충된다고 생각한다. 어떤 아이디어?

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

Answer 1

당신은 별도로 같은 것을 한 번이 아니라 모든 애니메이션을해야합니다. easing과 queue를 모두 쓰는 방법을 알아낼 수 없었습니다.

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

Answer 2

고정 사용하여 큐 :

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