光滑的滑块自适应高度问题

Question

我正在使用光滑的滑块，我有我的 ul 和 li 项目，我已将滑块设置为使用 adaptiveHeight，因为我的幻灯片内容将具有不同的高度，我遇到了一个问题，因为我希望我的一张幻灯片加载内容时用户单击“加载更多”按钮，但是当用户单击该按钮时，加载的内容不会调整幻灯片高度。有没有办法让幻灯片不使用 adaptiveHeight 值？

这就是我目前的滑块。

$(document).ready(function () {
  $('.your-class').slick({
    arrows: false,
    dots: true,
    infinite: true,
    pauseOnFocus: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    adaptiveHeight: true,
    speed: 1800,
    cssEase: 'ease',
    easing: 'swing'
  });
});

Answer 1

我注意到当默认使用

slidesSlider

slick.cc 时，将高度添加到子 div。

slick-slide slick-current slick-active

将

height: auto

赋予当前 div，但必须应用于自定义类。

<div class="slick-list slid-chil">
.slid-chil{
height: auto;
}

Answer 2

我注意到当

slidesToShow

设置为1时，

adaptiveHeight

在移动/小断点上不起作用。好像给这个div设置了一个固定的高度

<div class="slick-list draggable">