title: Slick slider jumps
body: <p>I am using <em>slick slider</em> for a page.Everything works great except one thing: When I drag the slide sometimes the image or text bounces and that's look really bad. What can I do to avoid that problem?</p>
  
  <p>Here is my <a href="https://codepen.io/elene/pen/GZwgQL" rel="nofollow">code</a></p>
  
  <pre><code>  &lt;section class="portfolio" id="portfolio"&gt;
  
          &lt;div class="container" style="height:100px"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-12"&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                  &lt;div id="portfolio_slider"&gt;
                      &lt;div id="item"&gt;
                          &lt;div class="container"&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class="col-lg-3 col-md-3 text-right"&gt;
                                      &lt;div id="project_name"&gt;
                                          PROJECT&lt;br /&gt;
                                          NAME
                                      &lt;/div&gt;
                                      &lt;div id="project-info"&gt;
                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tortor erat,
                                          laoreet ut ullamcorper vel, fermentum vel ex. Donec convallis leo sit amet auctor
                                          rutrum. Nullam accumsan risus at quam porttitor ec tortor erat, laoreet ut
                                          ullamcorper vel, fermentum vel  tristique.
                                      &lt;/div&gt;
                                      &lt;div id="read_more"&gt;&lt;a href="#" data-toggle="modal"&gt;Read More...&lt;/a&gt;&lt;/div&gt;
  
                                  &lt;/div&gt;
                                  &lt;div class="col-lg-7 col-lg-offset-1" id="project_image"&gt;
                                      &lt;img class="img-responsive shadow" src="http://i.imgur.com/35Lun7R.jpg" /&gt;
  
                                  &lt;/div&gt;
                                  &lt;div class=" col-lg-1 col-md-1  social_buttons"&gt;
                                      &lt;div class="centered"&gt;
                                          &lt;div class="flex-item" style="padding-bottom: 50px;"&gt;
                                              &lt;a href="#"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;/div&gt;
                                          &lt;div class="flex-item" style="padding-bottom: 50px;"&gt;
                                              &lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;/div&gt;
                                          &lt;div class="flex-item"&gt;
                                              &lt;a href="#"&gt;&lt;i class="fa fa-instagram"&gt;&lt;/i&gt;&lt;/a&gt;
                                          &lt;/div&gt;
  
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
     &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>