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
Degree on Multimedia Arts. He has developed numerous Multimedia projects as well as written articles and translated texts of the mentioned subject. In Moldeo Interactive, He is a Partner and Programmer; also taking care of a large part of the online networks and courses.