如何使水平时间轴滑块向右

【问题标题】：How to make horizontal timeline slider right oriented如何使水平时间轴滑块向右
【发布时间】：2017-07-14 11:55:41
【问题描述】：

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

我的代码

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

});

【问题讨论】：

我看不到任何代码
已更新............
请同时提供css和html
使用slick滑块的initialSlide和rtl属性
请举个例子:)

标签： javascript jquery css slider

【解决方案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>

【讨论】：