Javascript 猫头鹰转盘在导航悬停时需要滚动效果

这是我的猫头鹰旋转木马的代码

  $(document).ready(function () {
    $("#owl-demo").owlCarousel({
     navigation: true,
     pagination: false,
     lazyLoad: true
    });
 });

当我将鼠标悬停在“上一步”或“下一步”按钮上时，我需要缓慢滚动旋转木马

有人知道怎么做吗

添加此JS

  navigationText: [
      "<i class='icon-chevron-left icon-white'><</i>",
      "<i class='icon-chevron-right icon-white'>></i>"
      ],

#owl demo.owl item>div img{
显示：块；
宽度：100%；
高度：自动；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
利润底部：4倍；
利润率：0px 50px；
}
#猫头鹰演示。猫头鹰项目>div{
填充：0px 2px
}
.owl主题.owl控件.owl按钮div{
位置：绝对位置；
}
.owl主题.owl控件.owl按钮.owl预览{
左：0px；
顶部：55px；
}
.owl主题.owl控件.owl按钮.owl下一步{
右：-45px；
顶部：55px；
}

我需要滚动carosal，当我将鼠标悬停在该按钮上时，您只需隐藏或显示

prev next

按钮上的

悬停

和

悬停

特定的

div