Автоматическая прокрутка вниз отменяется, если пользователь прерывает

#javascript #html

Вопрос:

Я хочу, чтобы мой div не автоматически прокручивался вниз, когда пользователь прокручивает вверх или не внизу, но я думаю, что допустил какую-то ошибку, поэтому мой код не работает

код, который всегда прокручивается вниз :

JS

 setInterval(() =>{
let xhr = new XMLHttpRequest();
xhr.open("POST", "php/get-chat.php", true);
xhr.onload = ()=>{
  if(xhr.readyState === XMLHttpRequest.DONE){
      if(xhr.status === 200){
        let data = xhr.response;
        chatBox.innerHTML = data;
        if(!chatBox.classList.contains("active")){
            scrollToBottom();
          }
      }
  }
}
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("incoming_id=" incoming_id);
}, 500);

function scrollToBottom(){
chatBox.scrollTop = chatBox.scrollHeight;
}
 

Спасибо за ответ