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

Question

我有一条消息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>

2

function ScrollBarBottom() {
      var msgDiv = document.getElementById("msg-body");
      msgDiv.scrollTop = msgDiv.scrollHeight;
    }
    $(document).ready(function() {
        ScrollBarBottom();
    });

Answer 1

您能尝试一下吗，希望它也对您有用

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