consulta sobre barra desplazadora en chat

[LuigBren]

Hola una consulta, no se si se podra pero igual les pregunto, estoy creando una chat en php con refresqueo en ajax/javascript.

El div donde muestra los mensajes tiene la propieda overflow:auto, se muestra la barra de desplazamiento si se llena de comentarios y el refresqueo es la siguiente..

Código:

$(setInterval(function() {
	$('.chatbox').load('display.php');
	$(".chatbox").attr({ scrollTop: $('.chatbox').attr('scrollHeight') });
}, 500));

funciona perfecto, cuando envian mensajes se resfrequea cada 1 segundo y la barra baja al final y muestra en la parte de abajo los ultimos mensajes, pero!! el detalle es que si yo quiero subir la barra de desplazamiento para ver los mensajes antiguos la barra se devuelve al final para mostrar los ultimos mensajes y no me deja leer los otros mensajes, alguna solucion??, gracias..

[zalito12]

Pues, no sé algo sencillo...
Como el problema es por actualizar todo el rato puedes meter el chat en un div que no tenga scroll y ese div dentro de otro con el tamaño que tu quieras y que ese si tenga scroll.
Así el div que se actualiza es el del chat y no afecta al otro.

[Panino5001]

Podrías usar el evento onmouseover para evitar el desplazamiento, un ejemplo: http://www.forosdelweb.com/2872394-post20.html

[zalito12]

Eso suena mejor, tendrías que cambiar menos código y no tocarías el estilo.

[LuigBren]

Iniciado por Panino5001

Podrías usar el evento onmouseover para evitar el desplazamiento, un ejemplo: [url]http://www.forosdelweb.com/2872394-post20.html[/url]

Gracias panino, me sirvio tu ayuda, tuve que cambiar unas cosas en mi codigo pero me resulto, (Y)