Jquery 滑动条有内部iframe问题

使用Slick slider并在内部添加了iframe，在集成了iframe之后，滚动功能无法工作。如何解决问题并获得滚动

给定以下HTML：

HTML:

---

在iframe元素上尝试此属性！更多信息请点击这里

<div class="smaller-cards">
    <div>
        <div class="content">
            <div class="mkt-val">
                <iframe src='https://someurl.com' frameborder='0'></iframe>
            </div>
        </div>
    </div>

    <div>
        <div class="content">
            <div class="mkt-val">
                <iframe src='https://....' frameborder='0'></iframe>
            </div>
        </div>
    </div>

    <div>
        <div class="content">
            <div class="mkt-val">
                <iframe src='https://....' frameborder='0'></iframe>
            </div>
        </div>
    </div>
</div>

$('.smaller-cards').slick({
    infinite: false,
    slidesToShow: 5,
    slidesToScroll: 3,
    variableWidth: true,
    arrows: false
});

pointer-events: none;