猫头鹰Carousel jquery插件autoHeight：true无效

Question

我正在尝试使用Owl Carousel 2中的autoHeight功能 - 我在这里创建了一个示例CodePen：

Example

当您通过检查器工具查看标记时，您可以看到.owl-height元素高度确实正在更新，但子元素正在影响整体高度。

我尝试将.owl-stage更新为position: absolute; - 但它还有其他问题影响，我试图在可能的情况下根本不改变原始插件文件...特别是它是内置功能。<​​/ p>

使用autoHeight功能时是否有一些明显缺失的东西？该插件似乎包含在猫头鹰中，但我可能会遗漏一些东西。

Owl AutoHeight Documentation万一有帮助！

感谢您的帮助！

Answer 1

您似乎缺少一些用于导航的CSS。

关闭导航功能可修复问题（demo）：

$('.owl-carousel').owlCarousel({
    nav: false,
    items: 1,
    margin: 20,
    dots: true,
    autoHeight: true
});

或者，请检查您是否已加入GitHub中的owl-theme.scss文件。 （或者你当然可以自己设计风格。）