How to scroll Owl.Carousel to clicked slide?

Question

JavaScript

There is a regular Owl/Carousel on the site.
How, when clicking on the previous slide or the next one from the current one, scroll to it?

Answer 1

The solution may be useful to someone
var $owl = $('DOM Element');
$owl.children().each( function( index ) {
$(this).attr( 'data-position', index ); // NB: .attr() instead of .data()
});
$(document).on('click', '.owl-item>div', function() {
$owl.trigger('to.owl.carousel', $(this).data( 'position' ) );
});

Answer 2

Alternatively, I would make an invisible block with a left and right button and place it as you indicated using styles, and that's it