光滑的滑块,适合不同的物品宽度

时间:2020-04-27 09:46:51

标签: javascript html jquery css slick.js

您能帮我解决我的问题吗? 我想得到这个结果: slider 所有窗口分辨率的项目之间都有相同的填充

徽标的大小不同,如果使用slidesToShow: 5或任何其他值,则每个项目bad-slider的填充都大不相同

我尝试计算每个填充,但是在滑动后会发生跳跃,因为项目在滑动后会得到新的填充。 variableWidth: true 下面的代码仅尝试对6张活动幻灯片起作用,但有跳跃:(

$('.slider__arrows').on('click', function(){
  let sum = 0;
  $('.slick-active .partners__slider-item').each(function(){
    sum += $(this).width();
  });
  let w = $('.partners__wrap').width()-sum;
  let pRightLeft = w / (6 * 2)
  console.log(sum);
  $('.slick-slide').animate({
    'padding-right' : pRightLeft, 
    'padding-left' : pRightLeft},600
  );
})

示例显示了无效幻灯片 enter image description here

我想将variableWidth和`slidesToShow'混合使用,而没有其他幻灯片的组合。

0 个答案:

没有答案