التحريك التلقائي للشريط الجانبي فى الشات

السلام عليكم

الكود التالي يجعل الشريط الجانبي يتحرك تلقائيا لاسفل في الشات

لكن إذا اردنا العودة لأعلى  لمشاهدة الرسائل القديمة لا نستطيع لان الشريط الجانبي يتحرك لاسفل دائما

كيف يمكن اتاحة تحريك الشريط لاعلى ولا يتحرك لاسفل تلقائيا الا اذا وصلت رسالة جديدة او تم اعادة تحميل الصفحة تماما كما في الشاتات المتعارف عليها

<script>
const messages = document.getElementById('div_show_message');
function appendMessage() {
const message = document.getElementsByClassName('message')[0];
const newMessage = message.cloneNode(true);
messages.appendChild(newMessage);
}
function getMessages() {
shouldScroll = messages.scrollTop + messages.clientHeight === messages.scrollHeight;
if (!shouldScroll) {
scrollToBottom();
  }
}
function scrollToBottom() {
messages.scrollTop = messages.scrollHeight;
}
scrollToBottom();
setInterval(getMessages, 1000);
</script>