Vediamo come risolvere un fastidioso errore scroll su iframe usando il noto framework mobile Ionic.
Il problema si presenta quando inserite all’interno delle vostre views di ionic un frame (contenente qualsiasi cosa). Di fatto – fatta eccezione per qualche dispositivo IOS – Quando l’utente arriva sul frame per effettuare la gesture di scroll della pagina, non viene riconosciuto lo scroll e l’utente inizia a impazzire in quanto non riesce di fatto a scrollare la pagina.
Come vedete nello screen la pagina seppur eseguita la gesture non scrolla. Questo come potete immaginare è un grave problema.
Per risolverlo seguite questi semplici steps:
Nelle views dove è presente l’iframe modificate ion-content come segue:
<ion-content scroll="true" overflow-scroll="true" class="iframe-wrapper">
Sul frame impostate:
<iframe data-tap-disabled="true" [..Resto del frame..]
Aggiungete il css all’interno del vostro style.css:
.iframe-wrapper iframe {
width: 100%;
height: 100%;
}
A questo punto avrete risolto il problema 🙂 Ti è stato utile? Aiuta altre persone e diffondi questo post!
