AutoWidth делает элемент vani sh? - Пример и документация включены

Question

Я использую Swiper Js для создания простой галереи. Все работает, за исключением случаев, когда я пытаюсь настроить слайдер под высоту содержимого, он исчезает.

autoHeight: true, //enable auto height

Вот официальное демо , где работает AutoHeight.

Вот мое демо . (удалите символ «//» в демоверсии, чтобы увидеть, как исчез слайдер.

и вот документация для AutoHeight

Примечание: то же самое происходит с оберткой для миниатюр если я добавлю строку autoHeight. введите описание ссылки здесь

Answer 1

Я проверил ваш код и увидел, что если вы собираетесь установить автоматическую высоту в Tru, имя этого класса ".swiper-container-autoheight .swiper-slide" будет иметь css height: auto, что означает, что вы не устанавливаете min Высота слайдов, но если вы удалите автогаз, она автоматически установит 100% css высоту слайдов.

Также добавьте этот код

.gallery-top .swiper-slide-container{
  min-height: 300px
}

, потому что вы не устанавливаете высоту в каждом из Ваш слайд и изображение, которое вы используете, являются фоновыми, а элементы слайда не имеют высоты, чтобы показывать изображения, если вы не поместите тег img внутри слайда, тогда высота слайда будет относительно высоты изображения. функция автоматического выбора высоты будет работать.