javascriptで動的に要素を追加した直後にうまくスクロールが位置を設定できない．

Question

下記コードで，DOM操作で要素を追加した後に下の方にスクロールすることを試したのですが，全くスクロールされません．
setTimeoutでスクロールすればいけるのですが，正攻法のやりかたはあるのでしょうか．

onload = function() {
  for (let i = 0; i < 50; i++) {
    let elm = document.createElement("div");
    elm.innerHTML = i;
    document.body.appendChild(elm);
  }

  document.body.scrollTop=1000;
};

Comments

[gpsoft]

「setTimeoutでスクロールすればいける」とのことですが、そのときのコードも掲載していただけますか?

あと、できれば、htmlも載せていただけると、再現環境を作りやすいです。