iframe scroll along with panel scroll

[chot2]

Hello all ,

I am having a iframe inside a panel as carausel item. When i do the normal scroll(dragging scroll bar ) it works fine before-scroll.jpg.




But when i do touch scroll, I don't get the scroll happen in the similar way. iframe's content does't get scrolled .








after-scroll.jpg

Ext.define('Burst.view.home.ViewHome', {    extend : 'Ext.Carousel',    alias : 'home.ViewMain',    requires: [        'Ext.carousel.Carousel',        'Ext.Img'    ],          id: 'viewHome',
    config : {        title : 'Home',        iconCls : 'maps',        xtype:'carousel',        fullscreen: true,        direction: 'horizontal',        scrollable: {            direction: 'vertical',            directionLock: true        },        defaults: {                styleHtmlContent: true        },
                ,{                xtype:'panel',                scroll:'vertical',                layout:'fit',                cls : 'carouselBG',                html: '<iframe style="position:fixed;top:0;left:0;float:left;z-index:1;" width="100%" height="100%" src="http://www.burst.it/terms-body.html"></iframe>'
        } 

How i can i get my panel scroll work in a way so that, when i scroll down even my iframe content gets scrolled.

[mrsunshine]

scrolling with two fingers should work in the iframe.

[rgporter]

scrolling with two fingers should work in the iframe.

While true, most users don't know to do this.

I'm also seeking a solution.

[chot2]

mrsunshine


can you please let us know an alternative solution for this .

[chot2]

any help

[mrsunshine]

there is no ready to use solution for your problem.

what you have to do is to write a managed iframe componente which takes care of all your needed eventhandling