No es necesario que asignes identificadores a los
<div>
internos para ubicar al último, existen otras formas de hacerlo. Una de ellas es usando pseudoselectores CSS, como
:last-child
:
Código Javascript
:
Ver originalvar divPrincipal = document.querySelector("#id del div principal"),
ultimoDiv = divPrincipal.querySelector("div:last-child");
Y ya teniéndolo, solo te queda posicionar la barra de desplazamiento vertical del
<div>
principal hasta donde se encuentre el último
<div>
que contenga, para lo cual deberás de usar las propiedades
scrollTop
y
offsetTop
.
Código Javascript
:
Ver originaldivPrincipal.scrollTop = ultimoDiv.offsetTop;
DEMO
Saludos