slick vertical scrolling and overlays
<p>Following on from <a href="https://stackoverflow.com/questions/35220446/half-width-overlay-over-slide-using-slick">this</a> question, I'm wondering why does setting the scroll direction of the slider to vertical not scroll up and down properly? Could it be an issue with slick, or the CSS code that accompanies it? See <a href="http://codepen.io/anon/pen/VeELqN" rel="nofollow noreferrer">http://codepen.io/anon/pen/VeELqN</a></p>

<p>It appears, even without the CSS code, the vertical scrolling appears very broken and miscalculating the top y position for the next slide.</p>

<p>Not really sure what code to put here to get past this annoying hint so, this is how the slick object is initialised: </p>

<pre><code>$('#slider').slick({
    autoPlay:true,
    dots: true,
    arrows: true,
    vertical: true,
  }); 
</code></pre>