Как сделать чтобы autoplay карусели работал только в поле видимости?

Question

[saint-laurent]

Использую owl carousel и пытаюсь сделать так, чтобы autoplay работал только, когда карусель находится в поле видимости.

function autoplayOnDemand() {
var scrollBottom = $(window).scrollTop() + $(window).height(),
      scrollTop = $(document).scrollTop(),
      carouselTop = $(".similar .owl-carousel").offset().top,
      carouselBottom = $(".similar .owl-carousel").scrollHeight; 

    if(scrollBottom >= carouselTop && scrollTop <= carouselBottom) {
              $('.similar .owl-carousel').trigger('play.owl.autoplay')
    } 
    else {
              $('.similar .owl-carousel').trigger('stop.owl.autoplay');
    }

autoplayOnDemand();
$(window).scroll(function() {
            autoplayOnDemand();
        });
};

Я новичок в js и толком ничего не знаю. Подскажите, пожалуйста, в чем ошибка или как по-другому реализовать это.

Comments

[IvanU7n]

как минимум https://developer.mozilla.org/en-US/docs/Web/API/I...

[saint-laurent]

IvanU7n, нерабочая ссылка