アニメーションが停止するのを待つ

Question

正しいoffset（）。top値を取得するには、アニメーションの終了まで待たなければなりません。

私はさまざまな方法（約束どおり）を試しましたが、何もうまくいかず、console.logがすぐにヒットしました。どうして ？そして私は何ができますか？

私の試みのひとつ：

$('#main').on('click', 'section > span', function() { 

    el = $(this); 

    var effect = function() { 
     return $('.content').removeClass('showing').addClass('hiding').slideUp(300).attr("aria-hidden","true").closest('section').css('min-height','0'); 
    } 

    $.when(effect()).done(function() { 
     var showTop = el.offset().top - 110; 
     console.log(showTop); 
     $('html, body').animate({scrollTop:showTop}, 'fast', function() { 
     content.removeClass('hiding').addClass('showing').removeAttr("aria-hidden").slideDown(600); 
     }); 
    }); 

} 

感謝を。

Answer 1

$.whenへの引数は、約束/据え置きでなければなりません。 .promise()を使用すると、エフェクトのある要素の約束を得ることができます。

var effect = function() { 
    $('.content').removeClass('showing').addClass('hiding').slideUp(300).attr("aria-hidden","true").closest('section').css('min-height','0'); 
    return $('.content').promise(); 
}