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

hivapdat  于 2023-03-01  发布在  jQuery
关注(0)|答案(2)|浏览(220)

我正在使用光滑的滑块,我有我的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'
  });
});
0ejtzxu1

0ejtzxu11#

我注意到,当使用slidesSlider时,默认情况下slick.cc将高度添加到子div。slick-slide slick-current slick-activeheight: auto赋予当前div,但必须应用于自定义类。

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

v6ylcynt2#

我注意到当slidesToShow设置为1时,那么adaptiveHeight在移动的/小断点上不起作用,它似乎在这个div上设置了一个固定的高度。

<div class="slick-list draggable">

相关问题