Ion-scroll content disappears

abdlquadri · May 22, 2017, 10:21am

Hello everyone,

I am trying to achieve a pinch to zoom behavior. I have implemented the solution as below.


<ion-content>
  <ion-scroll scrollX="true">
  <div #imageParent class="pinch-zoom-container">
    <img #image dimg="medium" class="pinch-zoom-image" [src]="'assets/dico-images/'+page.mode+'MAV_GLOSS_' + page.number + '.gif'"
      (load)="setMediaLoaded()" />
  </div></ion-scroll>
</ion-content>

However the content of the ion-scroll disappears as in attached image

The result should be like this.

Please any ideas?

Thanks!