如何使水平時間軸滑塊向右

Question

在水平時間軸滑塊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>