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 


Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts