Jquery 展开猫头鹰转盘内的项目

Jquery 展开猫头鹰转盘内的项目,jquery,html,slider,carousel,owl-carousel,Jquery,Html,Slider,Carousel,Owl Carousel,我已经在我的项目中实现了owl转盘。 (下图示例) 我的要求是在鼠标悬停时展开旋转木马中的项目。 像这样的 如果您签出代码,“owl wrapper outer”类将css定义为“overflow:hidden” 这使得隐藏在“owl wrapper outer”div中的项在鼠标悬停在该项上,这使它类似于这样。 我需要一些帮助或好的建议来克服这个问题 附言:旋转木马中可能有很多项目,比如下面链接中的项目。 ,我刚才以3为例 提前谢谢 有几种方法可以解决这个问题: 设置li项目,或者设置您

我已经在我的项目中实现了owl转盘。 (下图示例) 我的要求是在鼠标悬停时展开旋转木马中的项目。 像这样的

如果您签出代码,“owl wrapper outer”类将css定义为“overflow:hidden”

这使得隐藏在“owl wrapper outer”div中的项在鼠标悬停在该项上,这使它类似于这样。

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

附言:旋转木马中可能有很多项目,比如下面链接中的项目。 ,我刚才以3为例


提前谢谢

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

  • 设置
    li
    项目,或者设置您过去使用的
    项目悬停时的
    高度
    ,或者项目悬停时达到的
    最大高度
  • li项的
    内部内容
    包装成一个div,然后从那里开始工作,使用
    绝对定位
    和一些css修补程序
查看此,然后再次使用
溢出:隐藏
、溢出-y:visible
覆盖该规则,并查看是否更符合您的口味


希望这能有所帮助

虽然我很欣赏您所附的图片,但我更希望看到您的代码-可能是在一种情况下,您可以覆盖该规则,设置overflow-y:visible,并检查其是否正确working@Ashwin没问题,很乐意帮忙