Slick Last to First Slide fix

by Faisal Khan Janjua

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<p>Jump bug is fixed in 1.6 Slick JS. lates builds have bug too</p>
<div class="slider single-item">
  <div>
    <h3>1</h3>
  </div>
  <div>
    <h3>2</h3>
  </div>
  <div>
    <h3>3</h3>
  </div>
  <div>
    <h3>4</h3>
  </div>
  <div>
    <h3>5</h3>
  </div>
  <div>
    <h3>6</h3>
  </div>
</div>

CSS

.slick-track{
  padding-top: 10px;
  padding-bottom: 10px;
}
.slick-slide {
  background: #F9F;
  position: relative;
  text-align: center;
  transform: scale(1);
  border: 1px solid #9FF;
  transition: transform .6s;
}

.slick-slide.slick-center {
  z-index: 1;
  border: 1px solid #F00;;
  transform: scale(1.3);
}

JavaScript

$('.single-item').slick({
	centerMode: true, 
  slidesToShow: 3,
  slidesToScroll: 1,
});