展开owl carousel内的项目

Question

我已在我的项目中实施了猫头鹰轮播。 （下面的示例图片） 我的要求是在鼠标悬停时扩展旋转木马中的项目。 像这样的东西

如果你查看代码，“owl-wrapper-outer”类的css定义为“overflow：hidden”

这使得项目隐藏在鼠标悬停在项目上的“owl-wrapper-outer”div中，这使得它像这样。

我在克服这个问题时需要一些帮助或好的建议。

P.S：旋转木马中可能有很多项目，如下面链接中的项目。 Owl Carousel，我刚刚展示了3个例子。

提前致谢！

Answer 1

有几种方法可以解决这个问题：

• 设置li项，或您用于height item hovered的{​​{1}}或项目max height的任何标记将在悬停时实现
• wrap inner-content的{​​{1}}，在div中，然后从那里开始工作，li item和一些css在这里和那里修补

请查看 demo here 或，然后再次使用position absolute overwrite overflow: hidden进行overflow-y:visible并查看是否更符合您的口味。

希望这有帮助