Javascript 无法读取属性'；滚动高度'；未定义的

我已经开发了一个使用javascript和php的聊天系统，但问题是，当收到一条新消息或消息越来越多时，当收到新消息时，用户必须自定义滚动到底部，所以我尝试添加javascript使滚动位于底部，但问题是它不是正在工作，但也会出现javascript错误

这是我得到的错误

未捕获的TypeError:无法读取未定义的属性“scrollHeight”

此外，我还设置了一个ajax缓存false，以便每2秒刷新一次聊天日志，这样就可以看到新消息，而不是通过jquery直接刷新页面来查看新消息。这样做是否有效

这是我的密码

<div class="sidebar-content">
<?php 
    $get_query = mysqli_query($connection, "SELECT * FROM users WHERE uid != '".$_SESSION['uid']."'");
    while($data_user = mysqli_fetch_assoc($get_query)) {
?>
<div class="contact" onclick="get(<?php echo $data_user["uid"]; ?>);">
    <?php if(!empty($data_user["profile_picture"])) { ?>
    <img src="<?php echo $data_user["profile_picture"]; ?>" class="contact__photo" />
    <?php } else { ?>
    <img src="uploads/profile_img.jpg" class="contact__photo" />
    <?php } ?>
    <span class="contact__name"><?php echo $data_user["fullname"]; ?></span>
     <span class="chat__id"><?php echo $data_user["uid"]; ?></span>
    <span class="contact__status <?php if($data_user["online_status"] == "Online") { echo "online";} ?>"></span>
</div>
<?php } ?>
<div class="search">
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/elastic-srch.png" alt="" class="search__img" />
    <input type="text" class="search__input" placeholder="Search" />
</div>
</div>
<div class="chat">
   <span class="<?php if($status == "Online") { echo 'online_stat';} else {echo "ofline_stat";} ?>"></span>
<span class="chat__back" onclick="reload();"></span>
<span class="chat__status">status</span>
<div class="chat__person">
  <span class="chat__online active"></span>
  <span class="chat__name" id="chat_name">Huehue Huehue</span>
   <span class="contact__id" id="contact__id">Huehue Huehue</span>
</div>
<div id="chat_messages">
</div>
<script>

    $.ajaxSetup({cache:false});
    var timeout = setInterval(reloadChat, 2000);    
    function reloadChat () {
        var rid = document.getElementById("contact__id").innerHTML;
         $('#msgs').load('includes/messages.php?receipt_id='+rid);
    }
    $('#chat-scroll').animate({
    scrollTop: $('#msgs').get(0).scrollHeight}, 2000);   
</script>

 </div>

换行

scrollTop: $('#msgs').get(0).scrollHeight}, 2000);

到

或

html中没有id为
聊天卷轴的元素，
$（“#聊天卷轴”）
返回
未定义
。现在更新了我的代码检查，请获取相同的错误。我发现了错误，好了，现在div id#msgs在这个文件messages.php中，脚本在chat.php中。它会起作用吗？底部的滚动正常，但这个刷新功能不允许用户滚动查看旧消息防止这种情况的建议？
scrollTop: $('#msgs').eq(0).scrollHeight}, 2000);

scrollTop: $('#msgs')[0].scrollHeight}, 2000);