title: sticky-kit content disappears at bottom of scroll
body: <p>I'm using <a href="http://leafo.net/sticky-kit/" rel="nofollow">sticky-kit</a> to scroll content and then fix once it reaches the end of the content of one column.</p>
  
  <p>Here are some examples of the sticky-kit working fine on my website:
  <a href="http://meganhutchinson.co.uk/sarah-price/2015/09/20/im-a-lovely-title/" rel="nofollow">Example 1</a>, <a href="http://meganhutchinson.co.uk/sarah-price/2015/09/20/new-york-fasion-week/" rel="nofollow">Example 2</a></p>
  
  <p>However I have run into an issue that when you reach the bottom of <a href="http://meganhutchinson.co.uk/sarah-price/2015/09/20/a-fresh-new-take-on-denim/" rel="nofollow">this post</a> the right hand content is disappearing? Which I dont understand why as its using the exact same code as the other post content.</p>
  
  <p>I have looked into reference of sticky-kit and it says that adding a <code>sticky_kit:recalc</code> should help with issues like this. But it hasn't made any difference.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(document.body).trigger("sticky_kit:recalc");
  $("#single__images, #single__content").stick_in_parent({offset_top:150});
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;article id="single-post"&gt;
       &lt;div id="single__images&gt;&lt;img src="#"&gt;&lt;/div&gt;
       &lt;div id="single__content&gt;Text goes here&lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>Does anyone have any idea on what could be causing the content to disappear and how to solve it?</p>