Sencha touch Sencha Touch：滚动一个包含Vimeo视频的外部面板会中断滚动

我正在运行网站下载页面的最新下载

我有一个带有嵌套iFrame的html模板，其中包含一个Vimeo视频

当我触摸视频周围的任何空间时，面板会完全按照预期滚动，但是，如果我在尝试滚动时触摸视频，整个应用程序会滚动（选项卡栏菜单、顶部工具栏等），实际面板不会滚动以显示页面下方的内容

---

有没有一种方法可以使它在屏幕上的任何位置都能正常滚动？

您可能希望查看正在触发的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
        });
}

---

您可能希望查看正在触发的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
        });
}

---

对不起，我的JS排骨不好吃。我不完全理解你的例子。我知道它应该做什么，但我不知道如何实现它（它使用Ext.Map（this.googleMap）获取HTML元素（这是一个Ext.element），并为该元素上的DOM事件注册一个函数。然后，该函数阻止事件向上传播到DOM，并由滚动组件处理。抱歉，我的JS印章不太好。我不完全理解您的示例。我知道它应该做什么，但我不知道如何实现它。：（它使用Ext.Map。）（this.googleMap），获取HTML元素（它是一个Ext.element），并为该元素上的DOM事件注册一个函数。然后该函数阻止事件向上传播到DOM，并由滚动组件处理。