javascript - 如何使水平时间轴 slider 向右

Question

在水平时间轴 slider jquery 中，我希望默认情况下它是右向的。就像现在的图片，2015 年的价格就在右边。我希望默认选择最右边的 2017 年价格，用户可以向左滚动

我的代码

$('.timeLine-slider').slick({
 dots: true,
 infinite: false,
 speed: 300,
 slidesToShow: 4,
 slidesToScroll: 4,

});

Answer 1

使用 initialSlide 选项。

$(document).ready(function() {
  $('.timeLine-slider').slick({
    dots: true,
    infinite: false,
    speed: 300,
    slidesToShow: 4,
    slidesToScroll: 4,
    initialSlide: 4
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<link href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" rel="stylesheet" />

<div class="timeLine-slider">
  <div>2010</div>
  <div>2011</div>
  <div>2012</div>
  <div>2013</div>
  <div>2014</div>
  <div>2015</div>
  <div>2016</div>
  <div>2017</div>
</div>