Javascript 加载时滚动条设置为底部

我有一个message Div，其中消息在使用ajax发送时显示。div有滚动条，但设置为顶部。我创建了一个简单的函数，将其设置为底部。如果我单击一个按钮，脚本可以工作，但是它在加载时无法工作

我试过两种方法

<script>
    function ScrollBarBottom() {
      var msgDiv = document.getElementById("msg-body");
      msgDiv.scrollTop = msgDiv.scrollHeight;
    }
  </script>
  <div class="msg-body" id="msg-body" onload="ScrollBarBottom()">
    <!-- Message Will Be Added Here From AJAX -->
  </div>

---

你能试试这个吗，希望这个对你也有用

$("#msg-body").show()[0].scrollIntoView(false);

---

你能试试这个吗，希望这个对你也有用

$("#msg-body").show()[0].scrollIntoView(false);

---

window.scrollTo（0，document.body.scrollHeight）你试过了吗？这不起作用
window.scrollTo（0，document.body.scrollHeight）