jQuery, animate() y DOCTYPE

reyesoft · #1 (**permalink**) 27/03/2009, 01:39

Estoy trabajando en Firefox y llevo 3 horas con un script que pretender mover (hacer scroll) verticalmente un página. He descubierto que la razón de por qué no funciona es el DOCTYPE del HTML.

Este es el script:

Código:

$(function(){
        $("#mover").click(function(){
            $('#debug').html('inicia...');
            $("body").animate({ scrollTop: 200 });
            $('#debug').html('termina...');
            return false;
        });
    });

El script SI funciona cuando NO está presente el DOCTYPE:

http://www.pabloreyes.com.ar/varios/...y_sin_doctype/

El script NO funciona cuando SI está presente el DOCTYPE:

http://www.pabloreyes.com.ar/varios/...y_con_doctype/

He probado diferenes DOCTYPE pero no he tenido éxito. Tener en cuenta que esto pasa en Firefox y algunos otros navegadores, no en todos.

¿Tienes alguna idea de cómo puedo solucionarlo? De antemano, muchas gracias...

#2 (**permalink**) 27/03/2009, 03:11

¿Has validado tu página con ese doctype?

O para decirlo más claramente: ¿Te has fijado que no sólo se trata de poner un doctype, sino que hay que cumplirlo? ¿Que si dices que es HTML 4.01 (Transitional) tu documento debe serlo?

reyesoft · #3 (**permalink**) 27/03/2009, 10:46

Cita:

Iniciado por venkman

¿Has validado tu página con ese doctype?

Amigo venkman, primero que nada gracias por responder. No había hecho que validara el ejemplo porque en el caso original validaba y tampoco andaba. Igualmente lo he hecho validar para que todos nos quedemos seguros.

El tema es que sigue sin funcionar, validado o no.

Funciona: http://www.pabloreyes.com.ar/varios/...y_sin_doctype/
NO funciona: http://www.pabloreyes.com.ar/varios/...y_con_doctype/

Un saludo y muchas gracias de antemano a quien pueda ayudarme.

#4 (**permalink**) 30/03/2009, 05:07

Perdona por tardar...

En el ejemplo con el DOCTYPE bien puesto, prueba a animar $("html") en lugar de $("body"). O alternativamente prueba modificando el overflow de BODY.

De todos modos te recomendaría que buscaras un poco de información sobre scrollTop.

reyesoft · #5 (**permalink**) 30/03/2009, 16:36

Cita:

Iniciado por venkman

Perdona por tardar...

Por supuesto que no, no es necesario.

Cita:

Iniciado por venkman

En el ejemplo con el DOCTYPE bien puesto, prueba a animar $("html") en lugar de $("body"). O alternativamente prueba modificando el overflow de BODY.

Eres mi ídolo, ha funcionado.

Código:

//$("body").animate({ scrollTop: 200 }); //NO funciona
$("html").animate({ scrollTop: 200 }); //FUNCIONA

Muchas gracias venkman. Un saludo...