猫头鹰轮播仅在包含部分焦点时自动播放

Question

我在JSP的section标签中包含了owl carousel。我的要求是，只有在用户滚动到该部分时，猫头鹰传送带才应自动播放。当用户向下滚动到另一部分时，它应该暂停，而当用户向上滚动到包含该部分的时候，它将继续自动播放。尝试了几种方法，但是没有用。如果有人可以帮助我，那就太好了。

Answer 1

通常无法通过向下滚动来实现此功能，但是对于此功能，您可以在轮播可见时添加自动播放功能，但仅在鼠标悬停时有效

var owl = $('.owl-carousel');
owl.owlCarousel({
    items: 1,
    loop: true
});

$('.section').on("mouseenter", function(e) {
    owl.trigger('owl.play', 2000);
})