Owl Carousel, how to get the slide into a variable at the end of the movement?

Question

JavaScript

There is a slider for 12 items. , shows by 4. I.e. 4 of them are active. How can I get the element that is the first in the list with the active class when scrolling (with the mouse or arrows)?

Answer 1

onTranslated() {
  const $firstActive = this.$element.find('.owl-item.active:eq(0)');
},

or

.on('translated.owl.carousel', function() {
  const $firstActive = $(this).find('.owl-item.active:eq(0)');
})