Javascript Hammer.js滑动无法在旋转的iframe上工作

我在页面上制作了一个iframe，并通过变换将其旋转

    body.rotate iframe {
        transform: rotate(90deg);
        transform-origin: top right;
        position: absolute;
        top: 100%;
        right: 0;
        height:100vw;
        min-width:100vh;
    }

并尝试在iframe中的页面上添加滑动事件

    var el = document.getElementById('swipe');
    Hammer(el).on('swipeleft', next);
    Hammer(el).on('swiperight', prev);
    Hammer(el).on('doubletap', preview);

---

当我在旋转的iframe中双击div#滑动时，会触发preview（）。但是swipeleft和swiperight不起作用。

请按照本指南操作

var el = document.getElementById('swipe');
var mc = new Hammer(el);
mc.get('pan').set({ direction: Hammer.DIRECTION_ALL });
Hammer(el).on('swipeleft', next);
Hammer(el).on('swiperight', prev);
Hammer(el).on('doubletap', preview);

---

如果在没有旋转的情况下双击

div#swipe

的位置，那么它会工作吗？当iframe旋转时，双击始终工作，但swipleft和swiperight不工作。