javascript - 轮播-动态显示商品高度

我正在使用GlideJS来显示狂欢节。问题是，每个项目都会自动获取内容最多的项目的高度。这将导致内容较少的项与carousal后面的HTML元素之间出现空白。
为了说明这个问题，我创建了以下小提琴：
https://jsfiddle.net/thx03jc7/38/

<div class="module module--horizontal">
  <div id="Carousel" class="glide">
   please see the above Fiddle for full code example
  </div>
</div>

如何使每个项的高度动态变化，从而消除项与carousal后面的HTML元素之间的空白？

最佳答案

您可以使用autoheight属性：

var carousel = $('#Carousel').glide({
    type: 'carousel',
    startAt: 1,
    touchDistance: 2,
    autoplay: 0,
    autoheight: true
});

所有选项：http://glide.jedrzejchalubek.com/docs.html#options