scroll - Sencha Touch：滚动带有 Vimeo 视频的 Ext.Panel 会破坏滚动

Question

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

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

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

有没有办法让它无论您触摸屏幕的哪个位置都能正常滚动？

Answer 1

您可能想查看正在触发的 dom 事件并尝试停止那些给您带来问题的事件。在最坏的情况下，用户首先触摸视频时可能无法滚动。

我在使用 Google 地图时遇到了类似的问题（但不在 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
        });
}