Question

所以，我有一个名为Owl-Carousel的插件可以滑动。

它会自动滑动，但您也可以通过拖动幻灯片手动滑动它。

所以我需要在幻灯片中放置一些div;如果您从该div开始拖动，则无法拖动幻灯片。它将与其余部分一起滚动，但它是一个可点击的div，因此我不希望有人试图点击它并滚动它而不是意义。

这是一个小例子：

<div class="owl-carousel">
    <figure>
        <div class="foo">Content...</div>
        <img src="blablabla.jpg">
    </figure>
</div>

所以，我希望foo div与其余部分滚动，我只是不想通过点击它并拖动来滚动旋转木马，但我仍然希望能够滚动通过点击其他任何地方并拖动。

有解决方法吗？

在css中有pointer-events: none，但div需要是可点击的。

它可以是HTML，CSS，JavaScript（jQuery或＆＃34; vanilla＆＃34;），也可以是Owl-Carousel中的一些选项。

Answer 1

有人有类似的问题：

也许这会有所帮助。