javascript - setInterval() が UI の使いやすさを妨げていますが、修正はありますか?

Question

jQuery / PHP / JavaScript を使用してチャットを作成しています (node.js / redis / socket.io を提案しないでください。提示された問題の解決策が欲しいだけです)。

以下のコードで私が抱えている問題は、毎秒更新されるため (ライブチャットであ​​るため)、100 件のメッセージが表示されますが、下にスクロールすると、更新されたために元に戻ることです。

この問題に対する良い解決策はありますか?

コード：

var all_chats = setInterval(function() {
  $.ajax({
    url: './requests/chat.php',
    type: 'POST',
    success: function(chats) {
      $('.chat').html(chats);
    }
  });
}, 1000);

Answer 1

var all_chats = setInterval(function () {
    $.ajax({
        url: './requests/chat.php',
        type: 'POST',
        success: function (chats) {
            $('.chat').append(chats);
        }
    });
}, 1000);