title: Ionic iframe zoom
body: <p>I'm using an <strong>iframe</strong> in Ionic Framework to load an external website, in which i would like to be able to zoom the iframe content, my current code is:</p>
  
  <pre><code>&lt;ion-content class="has-header" overflow-scroll="true" direction="xy" locking="false"&gt;
    &lt;div class="scroll-wrapper"&gt;
      &lt;iframe data-tap-disabled="true" onLoad="loadDone();" sandbox src="{{url}}"&gt;&lt;/iframe&gt;
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>The css class:</p>
  
  <pre><code>.scroll-wrapper {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
  </code></pre>
  
  <p>I am testing in iOS (haven't tested on Android) and can't get the scrolling to work, I played around with no success. I also tried:</p>
  
  <pre><code>&lt;ion-content class="has-header" overflow-scroll="true"&gt;
    &lt;ion-scroll zooming="true" direction="xy" locking="false"&gt;
      &lt;div class="scroll-wrapper"&gt;
        &lt;iframe data-tap-disabled="true" onLoad="loadDone();" sandbox src="{{url}}"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
    &lt;/ion-scroll&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Any help is appreciated!</p>