Ionic

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

Posted by Weston Ganger on June 30, 2016

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:


Posted in Ionic and Tagged with ionic iframe 


Need help on your next project or application?

I specialize in Ruby-on-Rails, AngularJS, Javascript, Bootstrap, and Hybrid Mobile Apps with Cordova & Ionic.

Contact Me

Recommended Posts