vertical-alignment - 一次创建 2 个项目的垂直猫头鹰 slider

Question

我正在使用 Owl旋转木马创建 slider 我创建了一个水平 slider ，但我需要一个 vertical一个以及一次三个项目。



我搜索但没有找到答案或相关帖子。

更新:

那次我使用了光滑的 slider ，并且可以按我的意愿工作。但是在猫头鹰中，我无法做到这一点。

Answer 1

在 css 中，您应该添加:

      .item {
            transform: rotate(-90deg);
        }
      .owl-carousel{
             transform: rotate(90deg);
        }

在js中添加:

        $('.owl-carousel').owlCarousel({ 
           loop: true,
           items: 3,
           animateOut: 'slideOutUp',
           animateIn: 'slideInUp'
         });