iFrame Scroll Bug


Hi all,

Most probably this bug isn’t related directly to ionic, but I think here’s the best place to look for help.

I have a view loaded inside <ng-view></ng-view> the view is consisted with multiple cards using ng-repeat. Each card contains a youtube video using the html5 iframe method.

Right now scrolling up and down works perfect if I am dragging up/down on the content but when I try to scroll from the iframe most probably it try to scroll inside the iFrame itself not in the container.

Any suggestions how to work around this?


Hey @jonathan_hindi. I’ll need to play with this. For now I made an issue: https://github.com/driftyco/ionic/issues/306

I forget, but is it possible to use the HTML5 video with a youtube embed, without the iframe?


Hi @max, Thanks for creating the issue :), I think using a <video> tag with youtube is somehow possible but it’s hacky and against youtube terms of use.

I will check it again, and I will keep updated here or on the github issue.



Will you think about implementing some solution for this?


Seems to be some confusion. Issue 306 talks about having trouble with multiple iframes on a page. But I cannot get scrolling to work on the content WITHIN a single iframe on a page. And I am not doing video. Just bringing in an external page.

Is this a known issue that is being worked on?


Having a similar problem, trying to load a page in an iframe but the contents of the iframe I can’t scroll.


Was this ever resolved? I’ve just run into the same issue. Can’t scroll when scroll originates on top of an iframe.


See latest comment(s) in [#1151][https://github.com/driftyco/ionic/issues/1151].