Question

目前，当您将鼠标悬停时，旋转木马会停止，我已添加autoplayHoverPause:false，但它似乎无法改变任何内容。还有其他选择可以阻止它在它徘徊时停止吗？

$('.owl-carousel').owlCarousel({
    autoplayHoverPause:false,
    loop:true,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:4
        }
    }
});

Answer 1

正如j.rey指出的那样，似乎stopOnHover是根据此页面上的规范在悬停时启动/停止自动播放的正确方法：

http://owlgraphic.com/owlcarousel/#customizing

我在文档中看不到autoplayHoverPause的任何引用。也许那是旧版本？

Answer 2

要在悬停时停止幻灯片，只需将以下内容添加到脚本中：

autoplayHoverPause:true

Answer 3

设置autoplayHoverPause:false

Fiddle

Answer 4

stopOnHover：真 https npmjs.com包react-owl-carousel

Answer 5

stopOnHover：true https npmjs.com package react-owl-carousel

使用mouseDrag：false，

Answer 6

您可以尝试修改通过css

创建的悬停owl.carousle.js

<script>
$(".owl-wrapper-outer").mouseover(function(){
                $('.owl-wrapper').css({
                "-webkit-transition": "",
                "-moz-transition": "",
                "-o-transition": "",
                "transition": "",  
                    });

                });
</script>

Answer 7

只需在脚本中添加 stopOnHover：true 即可。

如何在悬停时停止猫头鹰旋转木马？

7 个答案: