AJAX聊天滚动条向下

时间:2019-02-25 09:55:39

标签: javascript jquery html ajax asp-classic

“聊天”页面上的滚动条不会下降,因此我需要在人们之间相互发送消息时使滚动条消失,但是当其他人发送消息时,滚动条不会向下滚动

<div class="messages" id="messages" style="overflow:auto">
  <div class="message" id="message">Yükleniyor...</div>
</div>
chat.fetchMessages = function() {
  $.ajax({
    url: 'chat.asp',
    type: 'post',
    data: {
      method: 'fetch'
    },
    success: function(data) {
      $('#messages').html(data);
      $("#messages")[0].scrollHeight - $("#messages").scrollTop() == $("#messages").outerHeight()
    }
  });
}
.messages {
  border: 1px solid #red;
  height: 450px;
  overflow-y: auto;
}

0 个答案:

没有答案