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

Question

目前，当您将其悬停时，轮播会停止，我已添加autoplayHoverPause:false，但它似乎没有任何改变。是否有其他选项可以用来阻止它在悬停时停止？

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

score 4 · Accepted Answer

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

autoplayHoverPause:true

score 3 · Accepted Answer

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

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

我autoplayHoverPause在文档中看不到任何参考。也许那是一个旧版本？

score 1 · Accepted Answer

1

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

于 2017-12-06T20:05:11.047 回答

score 0 · Accepted Answer

0

stopOnHover:true https npmjs.com 包 react-owl-carousel

于 2016-05-19T07:14:33.273 回答

score 0 · Accepted Answer

0

放autoplayHoverPause:false

小提琴

于 2015-10-01T08:57:14.557 回答

score 0 · Accepted Answer

0

stopOnHover:truehttps npmjs.com 包 react-owl-carousel

使用mouseDrag : false.

于 2016-11-22T06:14:02.957 回答

score 0 · Accepted Answer

您可以尝试修改css通过创建的悬停owl.carousle.js

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

                });
</script>

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

7 回答 7

Related

Reference