Quiero hacer que mi div no se desplace automáticamente hacia abajo cuando el usuario se desplaza hacia arriba o no en la parte inferior. Pero creo que cometí un error, por lo que mi código no funciona.

código que siempre se desplaza hacia abajo:

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; }

gracias por la respuesta