[ブラウザ] 強制的にリフローとリペイントを発生させる方法

リフローを発生させる

要素のサイズを取得すればいいっぽい

function reflow(elem){
    console.log(elem.offsetHeight);
}

リペイントを発生させる

一回非表示にして再表示すればいいっぽい

$(elem).hide().show();

※overflowで隠れた要素(Youtube)をtranslateで動かして見える場所に移動させてもYoutube部分が描画されなかったので、その対処としてリペイントを発生させたらいけた。