Scroll perdido en iPad?

En un proyecto estábamos trabajando maquetando un portal de publicación en SharePoint 2010 en HTML 5, con idea de hacerlo multidispositivo, y nos llevamos la sorpresa de que al visualizarlo físicamente en un iPad, habíamos perdido la posibilidad de hacer scroll sobre la página que habíamos publicado, teniendo que usar los dos dedos para desplazarnos verticalmente.

Pues si esto os ocurre, tenéis que añadir una media query a vuestro CSS, para que se vuelva a habilitar el scroll con un dedo en iPad. Este problema se debe a cómo calcula SharePoint en espacio del contenido y cómo lo interpretan algunos navegadores.

Aquí tenéis la media query que usamos nosotros para solucionar el problema:

@media (max-device-width: 768px){
body.v4master {height: auto;width: auto;overflow: auto !important;}
}

Y si aún así tenéis algunas zonas donde sigue sin funcionar correctamente, probar a usar esta otra más completa:

@media (max-device-width: 768px){
body.v4master {height: auto;width: auto;overflow: auto !important;}
body #s4-workspace {overflow: visible !important;height: auto !important;width: auto !important;}
#s4-titlerow {width: auto !important; }
}

0 comentarios:

Publicar un comentario

SharePoint Between Racks © 2012
. Con la tecnología de Blogger.

¡Compártelo!


Estoy en LinkedIn!


Ve mi perfil en LinkedIn!