滑动iframe的轮播

Question

我正在使用轮播（Owlcarousel）进行由iframe组成的我的项目。 Carousel并不重要，因为JavaScript问题更多。

我希望能够使用轮播提供的拖动/滑动手势，但这是不可能的，因为iframe的宽度和高度均为100％，因此所有事件都是由iframe而不是容器捕获的。

<section id="slide-container" class="owl-carousel loading owl-loaded" style="opacity: 1;">
  <div class="owl-stage-outer">
    <div class="owl-stage">

      <div class="owl-item">
        <div class="slide">
          <iframe></iframe>
        </div>
      </div>

      <div class="owl-item">
        <div class="slide">
          <iframe></iframe>
        </div>
      </div>

    </div>
  </div>
</section>

禁用指针事件并具有覆盖不是解决方案，因为我确实在框架本身上拥有各种事件。

这附近还有吗？甚至可以将事件从iframe传递到父文档？