Javascript 将滚动条保持在底部，除非用户滚动

请帮我写剧本

<script>
$ = jQuery;
var currentID = null;
var chatTimer = null;
var scrolled;

function fetch_data() {
  $.ajax({
    url: "select.php",
    method: "POST",
    success: function(data) {
      $('#live_data').html(data);
     }
  });
}

function fetch_chat() {

  $.ajax({
    url: "fetch_chat.php",
    method: "POST",
    data: {
      id: currentID
    },
    dataType: "text",
    success: function(data) {
      $("#chatbox").show();
      $('#messages').html(data);
      $("div.area").show();
      if(!scrolled){
      $('#messages').scrollTop($('#messages')[0].scrollHeight);
      scrolled=true;
      }
    }

  });

}

$(document).ready(function() {

 fetch_data();

  $(document).on('click', '.first_name', function() {
      scrolled=false;
    currentID = $(this).data("id1");
    setInterval(function() {
    fetch_chat();}, 500);
});



  $("#sub").click(function() {

    var text = $("#text").val();
    $.post('insert_chat.php', {
      id: currentID,
      msg: text
    }, function(data) {
      $("#messages").append(data);
      $("#text").val('');
      scrolled=false;
    });
  });

});
</script>

$=jQuery；
var currentID=null；
var chatTimer=null；
var滚动；
函数fetch_data（）{
$.ajax({
url:“select.php”，
方法：“张贴”，
成功：功能（数据）{
$（'live#u data'）.html（数据）；
}
});
}
函数fetch_chat（）{
$.ajax({
url:“fetch_chat.php”，
方法：“张贴”，
数据：{
id:currentID
},
数据类型：“文本”，
成功：功能（数据）{
$（“#聊天室”）.show（）；
$（'#messages'）.html（数据）；
$（“分区面积”）.show（）；
如果（！滚动）{
$（“#消息”）.scrollTop（$（“#消息”）[0]。scrollHeight）；
滚动=真；
}
}
});
}
$（文档）.ready（函数（）{
获取_数据（）；
$（文档）.on（'click'，'first_name'，function（）{
滚动=假；
currentID=$（this）.data（“id1”）；
setInterval（函数（）{
fetch_chat（）；}，500）；
});
$（“#子”）。单击（函数（）{
var text=$（“#text”）.val（）；
$.post（'insert_chat.php'{
id:currentID，
msg:text
}，函数（数据）{
$（“#消息”）。追加（数据）；
$（“#文本”）.val（“”）；
滚动=假；
});
});
});

当用户“a”向用户“b”发送消息时，滚动条在a侧更新并移到底部，但在b侧情况下，情况并非如此，同样，当用户“b”向用户“a”发送消息时，滚动条仅在b侧更新并移到底部