javascript - Owl Carousel v1.3.2 with Vertical slide animation - Stack Overflow

admin管理员组

文章数量:1379980

I am using Owl Carousel v1.3.2 in my code base. This is awesome carousel plugin with fully responsive UI. But recently we got one requirement in which we want slider contents should move vertically upward/downward. I checked documentation as well as plugin code but haven't found any configuration setting for doing that.

I searched through SO and came across following question How to use owl carousel vertically? but even that doesn't solve my problem.

Has anybody written any custom code to achieve this functionality? It's not possible for me to add another carousel library just for this vertical slide animation.

I am using Owl Carousel v1.3.2 in my code base. This is awesome carousel plugin with fully responsive UI. But recently we got one requirement in which we want slider contents should move vertically upward/downward. I checked documentation as well as plugin code but haven't found any configuration setting for doing that.

I searched through SO and came across following question How to use owl carousel vertically? but even that doesn't solve my problem.

Has anybody written any custom code to achieve this functionality? It's not possible for me to add another carousel library just for this vertical slide animation.

• javascript
• jquery
• html
• css
• owl-carousel

Share Improve this question Follow edited May 23, 2017 at 11:54 CommunityBot 111 silver badge asked Aug 27, 2015 at 7:12 user5243536user5243536 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

This is some sort of a work around. Use transform: rotate(90deg) on .owl-carousel, or the container class, and rotate 270 deg by transform: rotate(270deg) on the items. You have to deal with the margins problems yourself though, but at least the displaying and animation looks fine.

本文标签： javascriptOwl Carousel v132 with Vertical slide animationStack Overflow