Ionic Framework: errore scroll su iframe [RISOLTO]

Ionic Framework: errore scroll su iframe [RISOLTO]

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.

Errore_ionic_iframe

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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

w3-total-cache
Up Next:

W3Total Cache che genera errori 403 in Search Console: ecco come risolvere

W3Total Cache che genera errori 403 in Search Console: ecco come risolvere