Полоса прокрутки установлена ​​внизу при загрузке

Question

У меня есть сообщение Div, в котором сообщения отображаются по мере их отправки с использованием ajax. У div есть полоса прокрутки, но она установлена ​​сверху. Я создал простую функцию, которая установит его в нижней части. Скрипт работает, если я нажимаю кнопку, но не работает при загрузке

Я пробовал 2 вещи

<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);