Sencha Touch：使用Vimeo视频滚动Ext.Panel打破滚动

Question

我正在网站下载页面运行sencha-touch的最新下载。

我有一个嵌套的iFrame包含Vimeo视频的html模板。

当我触摸视频周围的任何空间时，面板会按照预期精确滚动，但是，如果在尝试滚动时触摸视频，整个应用程序会滚动（Tabbar菜单，顶部工具栏等），而实际面板不会不滚动显示页面内容。

有没有办法让它正确地滚动，无论您触摸屏幕的哪个位置？

Answer 1

你可能想看看正在被解雇的dom事件，并试图阻止那些给你提出问题的dom事件。在最坏的情况下，用户可能无法在首先触摸视频时滚动。

我有一个类似的问题，谷歌地图（不是在iframe中）。如果它嵌入在可滚动面板中，面板将在与地图交互的同时滚动。我所做的就是停止在包含元素处传播DOM事件。这导致地图能够滚动/缩放，但面板不再响应事件。

domEvent: function(evt, el, o) 
{ 
    evt.stopPropagation(); 
}, 

somefunction: function(){ 
    this.googleMap.el.on({ 
      tap: this.domEvent, 
      touchstart:this.domEvent, 
      touchmove:this.domEvent, 
      touchdown:this.domEvent, 
      scroll:this.domEvent, 
      pinch:this.domEvent, 
      pinchstart:this.domEvent, 
      pinchend:this.domEvent 
     }); 
}