展开 owl 轮播内的项目
Expand item inside owl carousel
我在我的项目中实现了 owl 轮播。
（下面的示例图片）
我的要求是在鼠标悬停时展开轮播中的项目。
像这样的东西
如果您查看代码，"owl-wrapper-outer" class 具有 "overflow:hidden"
定义的 css
这使得项目隐藏在 "owl-wrapper-outer" div 中，鼠标悬停在项目上，这使它成为这样的东西。
我需要一些帮助或好的建议来解决这个问题。
P.S: carousel 中可以有很多项，例如下面的 link。
Owl Carousel,我刚才举了3个例子
提前致谢！
有几种方法可以解决这个问题：
- 设置
li 项，或者您曾经使用 item 的 height 即 hovered 或 max height 的任何标记您的物品将在悬停时到达
wrap li item 的 inner-content，在 div 中，然后从那里开始工作，position absolute 和一些 css 到处修修补补
查看此 demo here OR 然后您可以再次 overwrite 使用 overflow: hidden，加上 overflow-y:visible 并检查是否更合您的口味。
希望对您有所帮助
我在我的项目中实现了 owl 轮播。
（下面的示例图片）
如果您查看代码，"owl-wrapper-outer" class 具有 "overflow:hidden"
定义的 css这使得项目隐藏在 "owl-wrapper-outer" div 中，鼠标悬停在项目上，这使它成为这样的东西。
我需要一些帮助或好的建议来解决这个问题。
P.S: carousel 中可以有很多项，例如下面的 link。 Owl Carousel,我刚才举了3个例子
提前致谢！
有几种方法可以解决这个问题：
- 设置
li项，或者您曾经使用item的height即hovered或max height的任何标记您的物品将在悬停时到达 wrapli item的inner-content，在 div 中，然后从那里开始工作，position absolute和一些 css 到处修修补补
查看此 demo here OR 然后您可以再次 overwrite 使用 overflow: hidden，加上 overflow-y:visible 并检查是否更合您的口味。
希望对您有所帮助