lunes, 16 de junio de 2014

scrollTop no funciona en IOS (Solución)

En el trabajo haciendo responsivo el sitio web de Trilce todo iba bien, hasta que al testearlo en un Ipad Mini me topé con un problema, y es que scrollTop no funciona en dispositivos móviles de Apple
Se apreciaba un efecto de parpadeo indeseable y te digo que no es tu culpa.

$('html,body').animate(
  {
   scrollTop: 100,
   scrollLeft: 200
  }, 
    800, 
   function(){
    $('html,body').clearQueue();
    }
);
Es un bug y la solución que le dí es está

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {    //detectamos el navegador        
            window.scrollTo(200,100) // el primer valor es izquierda, el segundo es el top
}else{
  $('html,body').animate({
   scrollTop: 100,
   scrollLeft: 200
            }, 800, function(){
   $('html,body').clearQueue();
   });
}
Espero les sea de utilidad.

Related Posts:

  • 10 habilidades que necesitas para subir de puesto   Si tienes buenas ideas para mejorar las cosas en tu trabajo diario, el próximo ascenso puede ser tuyo. Asegúrate de desarrollar las competencias  de un buen jefe     ¿Realmente haz desarrollado… Read More
  • 6 mitos sobre el sharing en redes sociales Mito 1. La mayor actividad de compartir se produce en Facebook y Twitter: la realidad es que la mayor parte de la actividad proviene de las actualizaciones realizadas con Copiar y Pegar, especialmente entre las … Read More
  • Obtener los videos de Youtube con PHP Nos pasa que tenemos que mostrar los videos de un canal de Youtube y tener un script a la mano es lo mejor que nos puede pasar. Para esto usaremos la funcion curl pero ligeramente modificada para nuestro propósito. f… Read More
  • Como hacer Google Maps responsivo con Javascript Utiliza el siguiente código JavaScript antes de cerrar la etiqueta head en su archivo HTML. function initialize() { var mapOptions = { zoom: 9, center: new google.maps.LatLng(28.9285745, 77.0914935… Read More
  • Cómo calcular el ROI de tu SEO Hacer SEO ya no es una cuestión de tendencia, sino de competencia, y hacerlo puede generarte hasta 2,000% más tráfico orgánico. Una experta te dice cómo.     ace apenas un par de años, hablar de SEO … Read More

0 comentarios:

Publicar un comentario