title: Horizontal position movement on vertical scroll Stellar JS
body: <p>I am having difficulty with my horizontal offset effect. I want to use only Stellar JS to horizontally shift an <strong>img</strong> on vertical scroll. As of now, I have a container element that's 1800px tall and an <strong>img</strong> inside whose height &amp; width are dynamically set on load (based on viewport... ie it's height is the height of the viewport and the width is proportionally wider than the viewport).</p>
  
  <p>When scrolling vertically from the top of the container to the bottom of the container, I want the <strong>img</strong> to slide left from it's left edge all the way to its right edge. Therefore, at the top of the container, the <strong>img</strong> will be aligned left and overflowing right, and then at the bottom of the container, the <strong>img</strong> will be aligned right and overflowing left. </p>
  
  <p>Here is an example created by the Stellar JS creator that is close to what (but with some unwanted vertical scroll as well) --> <a href="https://stackoverflow.com/questions/13149700/how-to-move-animate-elements-in-from-the-side-with-stellar-js-on-a-vertical-scro">link</a></p>
  
  <p>Take a look at this template jsfiddle: <a href="http://jsfiddle.net/z6F3h/2/" rel="nofollow noreferrer">http://jsfiddle.net/z6F3h/2/</a> It needs to have the effect implemented. I believe that I need to modify... <code>setTop</code> and <code>setLeft</code> properties</p>