Activar scroll en app de Cordova para iOS
"¡Ayuda! Mi app de ios no hace scroll con Cordova".
Parece una banalidad, e incluso una simpleza, pero es muy probable que al intentar desarrollar una App con Cordova que buscamos compilar par iOS tengamos el problema de no poder scrollear. Esto ocurre generalmente cuando utilizamos una tag iframe. El problema es una simpleza y la solución igual:
<div style="width:100%;height:100%;overflow:scroll !important;-webkit-overflow-scrolling:touch !important">
<iframe src="http://www.example.com" scrolling="yes" style="width:100%;height:100%" frameborder="0"></iframe>
</div>
Como
se puede apreciar en este pequeño fragmento de html, el truco viene de
la mano de CSS. Al estar el webview de iOS basado en su navegador
Safari, es necesario activar la regla -webkit-overflow-scrolling:touch !important
,
recordemos que Safari está basado en WebKit. Algo tan simple nos puede
ahorrar dolores de cabeza, tales como un rechazo de Apple porque "The
App don't scroll".
Acerca de:
Ignacio Buioli
Licenciado en Artes Multimediales. Ha desarrollado numerosos proyectos de Multimedia así como también escrito artículos y traducido textos del mencionado tema. En Moldeo Interactive es Socio y Programador; encargándose, además, de gran parte de las redes y los cursos online.