Я использую карусель (Owlcarousel) для моего проекта, который состоит из iframe. Карусель на самом деле не имеет значения, так как это больше проблема 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 в родительский документ?