Estoy tratando de crear un área desplazable para un chatbox, pero mi barra de desplazamiento comienza en la parte superior y no en la inferior. Esto significa que verá todos los primeros mensajes, pero no todos los nuevos hasta que se desplace hacia abajo. Esta caja de chat recibirá muchos mensajes, por lo que la barra debe comenzar en la parte inferior.¿cómo puedo hacer que una barra de desplazamiento html comience en la parte inferior?
Esto es lo que tengo hasta ahora en jQuery, pero que no está funcionando
$('#chatbox').each(function(){
$(this).scrollTop($(this).prop('scrollHeight'));
});
Entonces, ¿cómo puedo obtener una barra de desplazamiento para pasar la parte inferior del rollo?
Editar: Ahora usando este código. va a la mitad, pero no a la parte inferior.
$('#chatbox').animate({
scrollTop: $('#chatbox').height()}, 0
);
HIYA, es esto lo que busca - http://stackoverflow.com/questions/1890995/ jquery-scroll-to-bottom-of-page-iframe; Espero que ayude, ovaciones –
Bueno, ayudó un poco, conseguí que la barra de desplazamiento se cargara por la mitad, pero no por la parte inferior. Voy a publicar lo que he actualizado – CyanPrime
¿Podemos obtener un violín js o una muestra de su html? – Fresheyeball