Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Owl转盘仅在包含节焦点时自动播放_Javascript_Angularjs_Css_Owl Carousel_Autoplay - Fatal编程技术网

Javascript Owl转盘仅在包含节焦点时自动播放

Javascript Owl转盘仅在包含节焦点时自动播放,javascript,angularjs,css,owl-carousel,autoplay,Javascript,Angularjs,Css,Owl Carousel,Autoplay,我已经在JSP中的一个节标记中包含了owl转盘。我的要求是,只有当用户滚动到该部分时,owl转盘才应该自动播放。当用户向下滚动到另一个部分时,它应该暂停,当用户向上滚动到包含该部分时,它应该继续自动播放。尝试了几种方法,但不起作用。如果有人能帮我的话,那就太好了。通常情况下,向下滚动是不可能实现的,但对于这件事,您可以在转盘可见时添加自动播放,但它仅在鼠标上方工作 var owl = $('.owl-carousel'); owl.owlCarousel({ items: 1,

我已经在JSP中的一个节标记中包含了owl转盘。我的要求是,只有当用户滚动到该部分时,owl转盘才应该自动播放。当用户向下滚动到另一个部分时,它应该暂停,当用户向上滚动到包含该部分时,它应该继续自动播放。尝试了几种方法,但不起作用。如果有人能帮我的话,那就太好了。

通常情况下,向下滚动是不可能实现的,但对于这件事,您可以在转盘可见时添加自动播放,但它仅在鼠标上方工作

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

$('.section').on("mouseenter", function(e) {
    owl.trigger('owl.play', 2000);
})
这可能会对你有帮助