Sencha Touch: прокрутка Ext.Panel с видео Vimeo внутри прерывает прокрутку

Question

У меня установлена ​​последняя загрузка sencha-touch со страницы загрузки веб-сайта.

У меня есть HTML-шаблон с вложенным iFrame, который содержит видео Vimeo.

Когда я касаюсь любого пространства Вокруг видео, панель прокручивается точно так, как ожидается, однако, если я касаюсь видео при попытке прокрутки, прокручивается все приложение (меню панели вкладок, верхняя панель инструментов и т. Д.) И фактическаяпанель не прокручивается, чтобы показать содержимое дальше вниз по странице.

Есть ли способ сделать так, чтобы он правильно прокручивался независимо от того, где на экране вы касаетесь?

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
        });
}