为什么我的聊天滚动条会有问题？

Question

我正在使用jQuery和套接字创建聊天。这是侦听套接字将消息发送到服务器的事件，该事件随后将在屏幕上显示并起作用。

socket.on('new message', function(data) {
        if(data === "") return false;

        $chat.append(`${data} <br />`);
        $chat.scrollBottom = $chat.scrollHeight;
        });
  });

我有一个具有CSS属性的ID #chat：

  #chat {
        overflow:auto;
      }

这可以帮助我进行滚动，但是滚动条位于顶部，并且不随消息而下降。我能做什么？