How to disable mouseDrag and touchDrag on hot in Owl Carousel?

Question

JavaScript

Good day.
The task is this:
1. There is a slider that works on owlcarousel

$('.pages').owlCarousel({
        stopOnHover : true,
        navigation:false,
        paginationSpeed : 1000,
        goToFirstSpeed : 2000,
        singleItem : true,
        mouseDrag : true,
        touchDrag : true
    });

Scrolling works due to the parameters "mouseDrag" and "touchDrag"

2. Before-After.js is connected on one of the slides . It works based on dragging the slider.

It is necessary to disable "mouseDrag" and "touchDrag" from the slider while the mouse is in the block area where Before-After.js is connected

Answer 1

The idea is so