Carousal - 顯示項目高度動態

我正在使用GlideJS來顯示carousal。問題是每個項目都會自動獲取內容最多的項目的高度。這導致內容較少的項目與carousal之後的HTML元素之間的空白。爲了說明這個問題，我創建了以下小提琴：Carousal - 顯示項目高度動態

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>

怎樣才能讓每一個項目的高度動態的，因此刪除後，後面的項目和HTML元素之間的空白轉盤？

來源

2017-08-17 user3398797

可以使用autoheight屬性：

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

所有選項：http://glide.jedrzejchalubek.com/docs.html#options

來源

2017-08-17 11:14:11

謝謝，這是有效的，我會把它作爲正確的答案，我覺得以前沒有看到它是愚蠢的。然而，看起來'autoheight：true'使得carousal在消失的情況下消失（請參閱https://jsfiddle.net/7dma7L84/21/）。你有沒有想過如何在摺疊的div中使用自動高亮顯示carousal？ – user3398797

如果您包裝內的另一個div你的文字在你的.box（像在撥弄你的第一項），你可以添加下面的CSS

.box > div{ 
    height: 200px; //or whatever height you wish 
}

here's the updated fiddle

來源

2017-08-17 11:19:07 rebecca

Carousal - 顯示項目高度動態

回答

相關問題