Foros del Web » Creando para Internet » Diseño web »

Controlar scroll en div

Estas en el tema de Controlar scroll en div en el foro de Diseño web en Foros del Web. Hola a todos del foro del web, tengo un problema con el scroll en div, estoy haciendo un chat, con ajax y php, el mensaje ...
  #1 (permalink)  
Antiguo 13/04/2009, 15:02
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Controlar scroll en div

Hola a todos del foro del web, tengo un problema con el scroll en div, estoy haciendo un chat, con ajax y php, el mensaje de la conversación se carga en div.

Mi problema es lo siguiente:

En el contenido del div automáticamente aparece el scroll cuando el mensaje de la conversión sobrepasa el espacio que tengo para la conversación.

Quiero que el scroll se vaya bajando automáticamente junto con el texto de la conversación, para se muestre el último mensaje que sea escrito

Porque ahora, cuando escribo el último mensaje tengo que bajar manualmente el scroll para leer la conversación

Por favor necesito ayuda gracias.
  #2 (permalink)  
Antiguo 13/04/2009, 15:42
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Controlar scroll en div

hubieras puesto que el texto que ingresen aparezca sobre el que hay y no de ultimo, asi siempre el ultimo msj estará de primero
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 13/04/2009, 17:19
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por gVenom Ver Mensaje
hubieras puesto que el texto que ingresen aparezca sobre el que hay y no de ultimo, asi siempre el ultimo msj estará de primero
Gracias por responder, la idea es hacer igual que messenger o cualquier chat.

En el messenger cuando envias un mensaje al campo de la conversación automáticamente el scrroll va recorriendo para abajo asi quiero hacer, mi chat ya esta listo el único problema es el scroll.

Por favor ayúdenme. gracias
  #4 (permalink)  
Antiguo 13/04/2009, 17:30
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Controlar scroll en div

Determinar si el scroll está abajo.
Código JavaScipt:
Ver original
  1. var isScrolledToBottom = target.scrollTop + target.offsetHeight >= target.scrollHeight;
Insertar el contenido deseado.
Código JavaScript:
Ver original
  1. if (isScrolledToBottom) {
  2.     target.scrollTop = target.scrollHeight - target.offsetHeight;
  3. }
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 14/04/2009, 14:20
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por gVenom Ver Mensaje
Determinar si el scroll está abajo.
Código JavaScipt:
Ver original
  1. var isScrolledToBottom = target.scrollTop + target.offsetHeight >= target.scrollHeight;
Insertar el contenido deseado.
Código JavaScript:
Ver original
  1. if (isScrolledToBottom) {
  2.     target.scrollTop = target.scrollHeight - target.offsetHeight;
  3. }

Gracias Nuevamente por reponder, te cuento que no se como aplicar a mi div el código de javascript que pusiste.

Este es mi div

<div id="chat" style="width:400px; height:300px; overflow:auto">Aqui muestra la conversación</div>


Intente lo siguiente con tu código de javascript:

var isScrolledToBottom = chat.scrollTop + chat.offsetHeight >= chat.scrollHeight;

if (isScrolledToBottom)
{ chat.scrollTop = chat.scrollHeight - chat.offsetHeight;}

Donde sacar este variable o atributo "target";?


Por favor ayudame gracias.
  #6 (permalink)  
Antiguo 14/04/2009, 16:01
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.062
Antigüedad: 13 años, 6 meses
Puntos: 775
Respuesta: Controlar scroll en div

A ver si te sirve:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
script>
function 
ver(e,m){
    var 
t=e.keyCode || e.wich;
    if(
t==13){
       
agregar(m);
        return 
false;
    }
    return 
true;
}
function 
agregar(m){
    
document.getElementById('chat').innerHTML+='<br />'+m;
    
document.forms[0].textarea.value='';
}
onload=function(){
    
setInterval(function(){document.getElementById('chat').scrollTop=document.getElementById('chat').scrollHeight},30);
}
</script>
</head>

<body>
<div id="chat" style="width:400px; height:300px; overflow:auto; border:1px solid #000"></div>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" rows="3" onkeypress="return ver(event,this.value)"></textarea>
</form>
</body>
</html> 
  #7 (permalink)  
Antiguo 15/04/2009, 13:06
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por Panino5001 Ver Mensaje
A ver si te sirve:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
script>
function 
ver(e,m){
    var 
t=e.keyCode || e.wich;
    if(
t==13){
       
agregar(m);
        return 
false;
    }
    return 
true;
}
function 
agregar(m){
    
document.getElementById('chat').innerHTML+='<br />'+m;
    
document.forms[0].textarea.value='';
}


onload=function(){
    
setInterval(function(){document.getElementById('chat').scrollTop=document.getElementById('chat').scrollHeight},30);
}
</script>
</head>

<body>
<div id="chat" style="width:400px; height:300px; overflow:auto; border:1px solid #000"></div>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" rows="3" onkeypress="return ver(event,this.value)"></textarea>
</form>
</body>
</html> 

Gracias por reponder y por el script

me funciono excelente como queria.

Pero hay un problema, cuando quiero desplazar el scroll para ver los mensajes anteriores no me permite desplazar, siempre se mantiene abajo al final de la conversación

por favor me podes decir como solocionar este problema te agradesco de antemano

muchas gracias
  #8 (permalink)  
Antiguo 15/04/2009, 17:38
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Controlar scroll con javascript

Estoy haciendo un chat en php con ajax, necesito controlar el scroll de la sala de conversación.

El mensaje de la conversación se muestra en un div

<div id="chatList" style="overflow:auto; width:279px; height:354px; padding-left:3px; padding-right:3px;"></div>


<textarea name="texto" id="texto" rows="1" cols="50" style="width:409px; height:42px;" onKeyPress="pulsar(event);">

por favor podrian ayudarme a controlar el scroll para mi chat

gracias
  #9 (permalink)  
Antiguo 15/04/2009, 17:41
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Controlar scroll con javascript

a que te refieres con controlar el scroll? Que es específicamente lo que quieres hacer?
__________________
twitter: @imbuzu
  #10 (permalink)  
Antiguo 15/04/2009, 21:03
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll con javascript

Cita:
Iniciado por buzu Ver Mensaje
a que te refieres con controlar el scroll? Que es específicamente lo que quieres hacer?
gracias por responder

Estoy haciendo un chat, con ajax y php, el mensaje de la conversación se carga en div.

Mi problema es lo siguiente:

En el contenido del div automáticamente aparece el scroll cuando el mensaje de la conversión sobrepasa el espacio que tengo para la conversación.

Quiero que el scroll se vaya bajando automáticamente junto con el texto de la conversación, para se muestre el último mensaje que sea escrito

Porque ahora, cuando escribo el último mensaje tengo que bajar manualmente el scroll para leer la conversación

En el messenger cuando envias un mensaje al campo de la conversación automáticamente el scrroll va recorriendo para abajo así quiero hacer, mi chat ya esta listo el único problema es el scroll.

Pero que también me permita desplazarme manualmente para ver el mensaje anterior

Muchas nuevamente
  #11 (permalink)  
Antiguo 15/04/2009, 21:32
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Controlar scroll con javascript

ah, usa scrollTo, scrollBy.

Si tienes problemas implementandolos, avisa.
__________________
twitter: @imbuzu
  #12 (permalink)  
Antiguo 15/04/2009, 21:58
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Controlar scroll en div

Rayos, si ya te funciona por que publicas otro tema igual???

http://www.forosdelweb.com/f91/contr...script-689645/
__________________
twitter: @imbuzu
  #13 (permalink)  
Antiguo 16/04/2009, 12:02
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por buzu Ver Mensaje
Rayos, si ya te funciona por que publicas otro tema igual???

http://www.forosdelweb.com/f91/contr...script-689645/

Porque no me funciona para dezplazarme, para ver mensajes anteriores,

el scroll siempre se queda abajo.

en otras palabras no me funciona complemente correcto

YO quiero que funciona como en cualquier chat

gracias
  #14 (permalink)  
Antiguo 16/04/2009, 12:31
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll con javascript

Cita:
Iniciado por buzu Ver Mensaje
ah, usa scrollTo, scrollBy.

Si tienes problemas implementandolos, avisa.
Gracias Nuevamente por tu tiempo, no se como implementar a mi sala de chat, con estas funciones para contralar el scroll.

No tengo idea como funcionan

por favor podrias ayudarme.

gracias

function scrollWindow()
{
window.scrollTo(100,500)
}



function scrollWindow()
{
window.scrollBy(100,100)
}
</script>
  #15 (permalink)  
Antiguo 16/04/2009, 15:34
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Controlar scroll en div

Yo haría un pseudo evento para cuando se envía una respuesta al chat. Despues capturo ese pseudo evento y ahí acciono la funcion que mueve el scroll, pero claro, lo más seguro es que no me entiendas ni de lo que hablo, por lo que te recomendaría que mejor te documentes un poco más al respecto. Leíste los enlaces que te pasé?

Imagino que el chat no lo has construido tú, aun que probablemente en esto me equivoco. De cualquier modo, si estás usando un chat de por ahí, convendría saber cual es, igual y se pueda construir un plugin.

Saludos.
__________________
twitter: @imbuzu
  #16 (permalink)  
Antiguo 16/04/2009, 18:49
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por buzu Ver Mensaje
Yo haría un pseudo evento para cuando se envía una respuesta al chat. Despues capturo ese pseudo evento y ahí acciono la funcion que mueve el scroll, pero claro, lo más seguro es que no me entiendas ni de lo que hablo, por lo que te recomendaría que mejor te documentes un poco más al respecto. Leíste los enlaces que te pasé?

Imagino que el chat no lo has construido tú, aun que probablemente en esto me equivoco. De cualquier modo, si estás usando un chat de por ahí, convendría saber cual es, igual y se pueda construir un plugin.

Saludos.
Gracias por responder, el chat yo he construido, en realidad no veo ningún problema para construir el chat, es sencillo el único problema que se me presento fue el scroll, podria investigar un poco más pero pense que aqui ya tenia alguien soluciona este problema de scroll no queria perder el tiempo investigando


pero gracias de todas maneras en realidad ya me has ayuda bastante con estas pautas, lo voy hacer yo, voya investigar un poco debe ser cuestión de javascript

gracias nuevamente
  #17 (permalink)  
Antiguo 16/04/2009, 19:35
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Controlar scroll en div

Por que no nos dejas hecharle un vistazo al chat? Por lo menos la función que manda el mensaje al div y la parte del div de HTML. No es nada difícil lo que quieres hacer, pero si no vemos el code estamos guiándote a ciegas.
__________________
twitter: @imbuzu
  #18 (permalink)  
Antiguo 16/04/2009, 19:51
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por buzu Ver Mensaje
Por que no nos dejas hecharle un vistazo al chat? Por lo menos la función que manda el mensaje al div y la parte del div de HTML. No es nada difícil lo que quieres hacer, pero si no vemos el code estamos guiándote a ciegas.
Gracias nuevamente,

código javascript:

function objetoAjax(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}

if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function enviarMensaje()
{
var usu=document.getElementById('idusuario');
var usu=usu.value;
var men=document.getElementById('texto');
var men=men.value;

ajax=objetoAjax();
ajax.open("POST", "chat.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
consultaMensajes();
LimpiarCampoTexto();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("usuario="+usu+"&mensaje="+men)
}



function consultaMensajes()
{

divContenido = document.getElementById('chatList');
var usu=document.getElementById('idusuario');
var nusuario=document.getElementById('nusuario');
var usu=usu.value;
var nusuario=nusuario.value;

var ajax=objetoAjax();

ajax.open("POST", "consulta.php", true);

ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("usuario="+usu+"&nusuario="+nusuario);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
divContenido.innerHTML=ajax.responseText;
}
}
//cada 3 segundos consulta por nuevos mensajes
setTimeout('consultaMensajes();',2000);
}
//Actualiza el la conversación
window.onload = function (){
consultaMensajes();
}

//Al pulsar tecla ENTER envia el mensaje
function pulsar(e)
{
var evento=e.keyCode;
if(evento==13)
{
this.enviarMensaje();
return true;
}
}

function LimpiarCampoTexto()
{
var men=document.getElementById('texto');
var men=men.value="";
document.form1.texto.focus(); return;
}


//Control de scroll
onload=function()
{
setInterval(function(){document.getElementById('ch atList').scrollTop=document.getElementById('chatLi st').scrollHeight},30);
}

Código html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form action="javascritp:;" method="post" name="form1" id="form1">

<div id="chatList" style="overflow:auto; width:279px; height:354px; padding-left:3px; padding-right:3px;"></div>
<div>
<textarea name="texto" id="texto" rows="1" cols="50" style="width:409px; height:42px;" onKeyPress="pulsar(event);"></textarea>
</div>
</form>
</body>
</html>
  #19 (permalink)  
Antiguo 16/04/2009, 23:44
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.062
Antigüedad: 13 años, 6 meses
Puntos: 775
Respuesta: Controlar scroll en div

Bueno, agregando un pequeño control que se active onmouseover y onmouseout creo que se soluciona:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
script>
function 
ver(e,m){
    var 
t=e.keyCode || e.wich;
    if(
t==13){
       
agregar(m);
        return 
false;
    }
    return 
true;
}
function 
agregar(m){
    
document.getElementById('chat').innerHTML+='<br />'+m;
    
document.forms[0].textarea.value='';
}
onload=function(){
    
setInterval(function(){if(window.parar)return;document.getElementById('chat').scrollTop=document.getElementById('chat').scrollHeight},30);
}
</script>
</head>

<body>
<div id="chat" style="width:400px; height:300px; overflow:auto; border:1px solid #000" onmouseover="parar=1" onmouseout="parar=0"></div>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" rows="3" onkeypress="return ver(event,this.value)"></textarea>
</form>
</body>
</html> 
  #20 (permalink)  
Antiguo 17/04/2009, 13:23
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Controlar scroll en div

Cita:
Iniciado por Panino5001 Ver Mensaje
Bueno, agregando un pequeño control que se active onmouseover y onmouseout creo que se soluciona:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
script>
function 
ver(e,m){
    var 
t=e.keyCode || e.wich;
    if(
t==13){
       
agregar(m);
        return 
false;
    }
    return 
true;
}
function 
agregar(m){
    
document.getElementById('chat').innerHTML+='<br />'+m;
    
document.forms[0].textarea.value='';
}
onload=function(){
    
setInterval(function(){if(window.parar)return;document.getElementById('chat').scrollTop=document.getElementById('chat').scrollHeight},30);
}
</script>
</head>

<body>
<div id="chat" style="width:400px; height:300px; overflow:auto; border:1px solid #000" onmouseover="parar=1" onmouseout="parar=0"></div>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" rows="3" onkeypress="return ver(event,this.value)"></textarea>
</form>
</body>
</html> 
Muchas gracias, al fin pude solucionar mi problema de scroll

Funciono perfectamente como queria gracias nuevamente.
  #21 (permalink)  
Antiguo 27/08/2009, 08:42
 
Fecha de Ingreso: agosto-2009
Mensajes: 2
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Controlar scroll en div

Buenos dias, no se si mi problema sera parecido. En el div tengo un include donde hay varios parrafos y el scroll aparecia automatico, hasta hay chevere. Pero luego coloque otro parrafo y el scroll desaparecio y se alargo toda la pagina.

<div id="contenido_wake" style="text-align:center;"><?php include(""); ?></div>
  #22 (permalink)  
Antiguo 28/03/2011, 14:26
Avatar de ocar48  
Fecha de Ingreso: diciembre-2010
Mensajes: 5
Antigüedad: 7 años
Puntos: 0
Respuesta: Controlar scroll en div

Hola muy bien Zack28 tenia al mismo probelma y ya lo solucione al 100%
grax paninon
  #23 (permalink)  
Antiguo 27/01/2012, 15:56
 
Fecha de Ingreso: octubre-2010
Mensajes: 189
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Controlar scroll en div

Cita:
Iniciado por Panino5001 Ver Mensaje
Bueno, agregando un pequeño control que se active onmouseover y onmouseout creo que se soluciona:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
script>
function 
ver(e,m){
    var 
t=e.keyCode || e.wich;
    if(
t==13){
       
agregar(m);
        return 
false;
    }
    return 
true;
}
function 
agregar(m){
    
document.getElementById('chat').innerHTML+='<br />'+m;
    
document.forms[0].textarea.value='';
}
onload=function(){
    
setInterval(function(){if(window.parar)return;document.getElementById('chat').scrollTop=document.getElementById('chat').scrollHeight},30);
}
</script>
</head>

<body>
<div id="chat" style="width:400px; height:300px; overflow:auto; border:1px solid #000" onmouseover="parar=1" onmouseout="parar=0"></div>
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" rows="3" onkeypress="return ver(event,this.value)"></textarea>
</form>
</body>
</html> 
Muy buenas.
Yo estoy con el mismo problema pero no he conseguido solucionarlo. no consigo que la barra scroll no se quede fija abajo cuando quiero moverla.
Además de lo que habéis puesto he intentado lo siguiente:

Código Javascript:
Ver original
  1. // una función disparada con onkeyPress:
  2. ....
  3. ....
  4. //al final de la función:
  5. if(window.parar)return;
  6. var myCont = document.getElementById ("chata");
  7.             myCont.scrollLeft = 0;
  8.             myCont.scrollTop = 80000;
  9. }

Consigo tb que la barra permanezca abajo cuando hay mucho texto, pero como digo, no que la pueda mover al pulsar en ella.

agradecería cualquier ayuda.

Un saludo
  #24 (permalink)  
Antiguo 28/01/2012, 08:33
 
Fecha de Ingreso: octubre-2010
Mensajes: 189
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Controlar scroll en div

funcionó!, jeje. No había puesto la función en el lugar adecuado.
Seguramente no leáis este mensaje, pero muchas gracias de todos modos.
  #25 (permalink)  
Antiguo 06/06/2012, 09:47
 
Fecha de Ingreso: mayo-2012
Mensajes: 49
Antigüedad: 5 años, 7 meses
Puntos: 2
Respuesta: Controlar scroll en div

Simplemente agradecer a Panino 5001 esa función javascript que la verdad funciona perfectamente, muchas gracias por su trabajo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:24.