Problemas con Jquery e Internet explorer

AndresPalmo · #1 (**permalink**) 08/10/2010, 15:22

Hola a todos, tengo un problema corriendo la función ScrollTo en Internet Explorer, en Chrome y Firefox corre perfectamente pero en IE ni siquiera se dirige a la posición del Id indicado, aquí un ejemplo del código que utilicé.

Cita:

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

<script type="text/javascript">
$(document).ready(function(){
$("a.scroll").click(function () {
var elementClick = $(this).attr("href");
var destination = $(elementClick).offset().top;
$("body").animate({ scrollTop: destination}, 1400 );

//console.log(destination);
//console.log(elementClick);
return false;
});

});

</script>
</head>
<body>
<div>
<a href="#SeccionSomos" title="" id="MenuSomos" class="scroll"></a>
</div>
<br />
<br />
<br />
<div id="SeccionSomos">Prueba</div>
</body>

Algún consejo?

maycolalvarez · #2 (**permalink**) 09/10/2010, 05:51

usa event.preventDefault(); para evitar el comportamiento por defecto del link y permita que jquery realice la animación

Código Javascript:

Ver original<script type="text/javascript">
$(document).ready(function(){
    $("a.scroll").click(function (event) {
        event.preventDefault();
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        $("body").animate({ scrollTop: destination}, 1400 );
        //console.log(destination);
        //console.log(elementClick);
        return false;
    });
});
</script>

AndresPalmo · #3 (**permalink**) 11/10/2010, 11:56

Muchas gracias por tu respuesta maycolalvarez, sin embargo sigue sin funcionar en IE, alguna otra idea?

JavierB · #4 (**permalink**) 11/10/2010, 11:59

Hola AndresPalmo

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Web general.

Saludos,

mayid · #5 (**permalink**) 12/10/2010, 09:08

IE te da algun error? (lo ves abajo a la izq, en un icono amarillo)

AndresPalmo · #6 (**permalink**) 12/10/2010, 12:30

En efecto, antes me salia un error, pero en cuento aplique el código que me sugirió maycolalvarez dejó de aparecer, sin embargo siguió sin funcionar.

En caso de no dar con el problema específico de este script, conocen algún otro que me sirva? claro está que no se JavaScript así que debe ser algo como que para dummies.

AndresPalmo · #7 (**permalink**) 21/10/2010, 21:17

Gracias por sus contribuciones a este tema, finalmente utilice otro Script de Jquery que me encontré por ahí, corre perfecto tanto en Chrome como en IE, se llama Visual Navigation, les dejo el link.

http://wowmotty.blogspot.com/2010/07/visual-navigation.html