Панель с прокруткой iframe в приложении sencha

Question

В моем приложении Sencha я показываю веб-страницу с iframe. Когда я просматриваю содержимое iframe, он также прокручивает панель контейнера. Из-за этого иногда iframe не прокручивается должным образом. Есть ли необходимость в изменениях в стиле/css iframe или панели ..?

Код:

Ext.define('Example.view.Dashboard', { 
     extend : "Ext.Panel", 
     alias : "widget.dashboard", 
     config : {   
     layout: 'vbox', 
     scrollable : false,        
     hideAnimation : { 
     type : "slideOut", 
     direction : 'down', 
     duration : 500 
     }, 

     showAnimation : { 
     type : "slideIn", 
     direction : 'up', 
     duration : 500 
     }, 
     }, 

     initialize : function() { 

     this.callParent(arguments); 


     var cancelButton = { 
     ui : "normal",   
     handler : this.onBackButtonTap, 
     scope : this, 
     id : 'cancelDashboardButton', 
     itemId : 'cancelDashboardButton',   
     cls : 'button-left-arrow', 
     }; 

     var topToolbar = { 
     xtype : "titlebar", 
     docked : "top", 
     cls : 'header', 
     name : 'detailToolbar', 
     title : "Dashboards", 
     itemId : 'dashboard-title', 
     items : [cancelButton] 
     }; 


     var bottomToolbar = { 
     xtype : "toolbar", 
     docked : "bottom", 
     cls : 'footer', 
     }; 

     this.add([topToolbar, 
    { 
       xtype : 'panel', 
       itemId:'webContainer', 
       flex:50, 
       html : '<div style="-webkit-overflow-scrolling:touch; height: 1000px;  overflow: auto;"><iframe src="http://www.metacube.com/" border="0" frameborder="no" style="height:100%;width:100%;"> <iframe/></div>', 
      }, 
       bottomToolbar]); 

     }, 

Answer 1

Может быть, вы можете слушать для dragstart события на вложенном фрейме, а затем вызвать метод события stopPropagation на обработчик. Это должно препятствовать распространению события в родительский контейнер и прокручивать его.