Seleccionar id especifico en un DOM

[mostaza4]

Hola tengo un div contMensajes que contiene divs mensajes que saco de una base de datos. como le pongo un identificador al ultimo de los mensajes para que me quede seleccionado, ya que tengo un overflor=auto que me genera un scroll pero me aparece arriba y quiero que este abajo. Gracias

[caricatos]

Hola:

Supongo que intentas decir algo, pero no se entiende... (yo no lo entiendo)

Los divs no se seleccionan... eso es para las opciones de los controles select.

Tal vez sea un problema del lenguaje de servidor que uses, para ir a un id específico debes usar enlaces internos...

Saludos

[Alexis88]

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:

var 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:

divPrincipal.scrollTop = ultimoDiv.offsetTop;
 

DEMO

Saludos

[mostaza4]

Iniciado por caricatos

Hola:

Supongo que intentas decir algo, pero no se entiende... (yo no lo entiendo)

Los divs no se seleccionan... eso es para las opciones de los controles select.

Tal vez sea un problema del lenguaje de servidor que uses, para ir a un id específico debes usar enlaces internos...

Saludos

Claro se me complico dar a entender. Gracias igual

Iniciado por Alexis88

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:

var 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:

divPrincipal.scrollTop = ultimoDiv.offsetTop;
 

DEMO

Saludos

Es justo lo que buscaba, pero pruebo y no me funciona. mira este es el codigo que le puse al html

Código HTML:

 <script type="text/javascript">
			var divPrincipal = document.querySelector("#cuadroMensaje"),
		    ultimoDiv = divPrincipal.querySelector("div:last-child");
		    divPrincipal.scrollTop = ultimoDiv.offsetTop;
 	
		</script> 

y este es el codigo de los divs para explicar porque tienne un par de divs adentro y por eso quiero saber si es eso que no lo deja seleccionarmelo como esta en el DEMO que pusiste que es justamente lo que quiero

Código HTML:

<li><div id='cuadroMensaje'>
									{foreach name=cadaMensaje from=$mensajes item=array}
									<div class='cadaMensaje'>
										<img src="fotos/fotos2/chicas/{$array.foto}">
										<div class='textoMensaje'>
											<p><b>{$array.remitente}</b></p>
											<h6>{$array.mensaje}</h6>
										</div>	
									</div>
									{/foreach}

								</div></li> 

como podras notar estoy usando smarty y lo que quiero es que me seleccione el ultimo div class=cadaMensaje pero este a su vez tiene un div class+textomensaje

Te agradezco al ayuda, he buscado esto por todos lados y no encontraba nada

[Alexis88]

Coloca el código JavaScript justo antes de la etiqueta </body> o envuélvelo entre esto:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    //El código
}, false);
 

Saludos

[mostaza4]

Iniciado por Alexis88

Coloca el código JavaScript justo antes de la etiqueta </body> o envuélvelo entre esto:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    //El código
}, false);
 

Saludos

Gracias ahora funciona hasta 9 divs, si salen mas ya no llega al final, queda al medio, alguna idea porque pasa esto? como seguro ya lo deduciras estoy armando un sistema de mensajes y necesito que el ultimo siempre quede visible. Gracias

[Alexis88]

Quizá la barra de desplazamiento ya no tenga más espacio para bajar, de modo que se queda lo más abajo que puede.

[mostaza4]

Iniciado por Alexis88

Quizá la barra de desplazamiento ya no tenga más espacio para bajar, de modo que se queda lo más abajo que puede.

nono, me queda a la mitad, despues puedo bajar la barra y llegar al final.
Es mas, con el 9 registro que ponga ya ese me queda mitad visto y mitad oculto, tengo que bajarlo manuealmente y si sigo sumando va quedando cada vez mas arriba. Si pongo 20 registros me queda antes de la mitad. es como que se frena en el numero 8

[Alexis88]

¿Podrías mostrarnos un ejemplo en vivo?

Puedes usar JSfiddle o JSbin.