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:

  • 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… Read More
  • Enviar a otra pagina en swf incrustado con swfobject.js Pasa que a veces queremos que nuestro flash puesto con swfobject de google al hacer clic en el, nos envié a por ejemplo el index del site. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.m… Read More
  • Directivas de .htaccess Directivas de .htaccess De forma general se puede decir que las directivas en el .htaccess se componen de tres partes: el tipo de directiva (Options, RewriteCond), los parámetros de la directiva y por último el final de… Read More
  • Parámetros en .htaccess .htaccess (Acceso de Hiper-Texto) es un archivo de texto que Apache usa para crear reglas sobre los directorios y los archivos. Tiene múltiples funciones y en lo personal me parece una herramienta sumamente … 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

0 comentarios:

Publicar un comentario