Activar scroll en app de Cordova para iOS

Ignacio Buioli
- 08/11/2017 - 1 min. de lectura

"¡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.