javascript - Owl Carousel jquery插件autoHeight : true has no effect

Question

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

Example

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

我尝试将 .owl-stage 更新为 position: absolute; - 但它有其他问题影响，我尽量不改变原始插件如果可能的话，所有文件...特别是因为它是一个内置功能。<​​/p>

在使用 autoHeight 功能时，我是否明显遗漏了什么？该插件似乎包含在 Owl 中，但我可能遗漏了一些东西。

Owl AutoHeight Documentation以防万一!

感谢您的帮助!

Answer 1

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

关闭导航可以解决问题(demo):

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

或者，检查您是否包含了来自GitHub 的owl-theme.scss 文件。 . (当然，您也可以自己设计样式。)