Intento desplazar el div de un chat hacia abajo con JavaScript hasta el mensaje más reciente cuando el usuario abre el chat, envía o recibe un mensaje. Para esto, traté de usar ScrollTop como se recomienda en muchos resultados de búsqueda de Google. Hice el elemento div como un objeto global porque quiero usar la línea con ScrollTop varias veces en el script. El chatdiv está configurado en 'overflow-y: scroll;'. Verifiqué con una salida de alerta en la consola del navegador que la función window.onload está funcionando.

 <script type="text/javascript"> var element_label = document.getElementById("chatdiv"); window.onload = function WindowLoad(event) { element_label.scrollTop = element_label.scrollHeight; } </script>

Mi siguiente intento fue obtener el objeto de mensaje más nuevo y usar ScrollIntoView en él. Esto tampoco funcionó.

 <script type="text/javascript"> var element_label = document.getElementById("chatdiv"); var last_mess = document.getElementById("chatdiv").lastChild; window.onload = function WindowLoad(event) { last_mess.scrollIntoView(); } </script>

¿Me estoy perdiendo un punto importante o ya no es posible desplazar un div con JavaScript?

¡Gracias por adelantado!