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:

  • Sistema Administrador de ContenidosDespues de una para prolongada por motivos de trabajo, escribo algo sobre lo que se de CMS (Content Management System), He aquí algunos tips: Tener en cuenta los aspectos de optimización web para el posicionamiento en buscado… Read More
  • IGLCImportante reunión que se llevara a cabo este año en Perú, de Leading Construction .… Read More
  • unterminated literal string_ Tal vez nos hayamos topado con este mensaje en la consola de error de Firebug, pasa que javascript no lee el salto de linea \n, a veces nuestros datos proceden de administradores de contenido que son insertados copiando y p… Read More
  • file_get_contents vs curlA más de uno os habrá pasado que su servidor emite un warning al usar file_get_contents("URL_EXTERNA"), y es que esta función interna de PHP, expone una vulnerabilidad a la seguridad de tu aplicación web, en PHP 5 no es posib… Read More
  • Obtener los tweets un usuarioEn está ocasión de una manera sencilla vamos a obtener los ultimos mensajes de un usuario que llamaremos usuariox en Twitter: Como recordaremos en el capitulo anterior de como usar CURL para acceder a los datos de una URL EX… Read More

0 comentarios:

Publicar un comentario