How To Allow Scrolling Inside Iframe In Ionic 1.x App

Posted by Weston Ganger

I was using an iframe inside my Ionic app but it was not scrolling. To fix this issue use the following HTML markup and CSS:


<ion-content scroll="true" overflow-scroll="true" class="iframe-wrapper">
   <iframe data-tap-disabled="true" src="{{iframeURL}}"></iframe>
</ion-content>

.iframe-wrapper iframe{
  width: 100%;
  height: 100%;
}


Related External Links:

Article Topic:Software Development - Ionic

Date:June 30, 2016

Recommended Posts

Contact

604-309-8713
info@solidfoundationwebdev.com

Send Me A Message

I would love to get in touch and talk about your next project. Feel free to send a message and I will get back to you shortly.

Get Connected