小编lau*_*ghs的帖子

光滑的滑块同步多个滑块-3

我正在使用带有3个滑块的平滑滑块同步。使用2个滑块可以正常工作,但是当我尝试使用3个类别的3个滑块时,仍然只有2个可以工作。

范例» https://jsfiddle.net/rk0tuoy7/6/

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: false,
  asNavFor: '.slider-nav',
  lazyLoad: 'ondemand'
});
$('.slider-x').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: false,
  asNavFor: '.slider-nav',
  lazyLoad: 'ondemand',
  dots: false
});
$('.slider-nav').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 5,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  focusOnSelect: true,
  lazyLoad: 'ondemand'
});
Run Code Online (Sandbox Code Playgroud)
@import url('//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.css');

.slick-slide {
  background: #3a8999;
  color: white;
  padding: 40px 0;
  font-size: 30px;
  font-family: "Arial", "Helvetica";
  text-align: center;
}

.slick-arrow:before {
  color: black;
}

.slick-dots {
  bottom: …
Run Code Online (Sandbox Code Playgroud)

javascript jquery slider slick.js

2
推荐指数
1
解决办法
8538
查看次数

标签 统计

javascript ×1

jquery ×1

slick.js ×1

slider ×1