title: scrollTop position incorrect when scrolling back to top of window
body: <p>I am using <code>scrollTop</code> to get the current scroll position of an inner scroll div <code>.content-inner</code>. From here, I am then adding a <code>translate3d</code> to change the position of another div <code>.header-top</code> to give it an animation effect. </p>
  
  <p>The issue I have is after scroll back up on <code>.content-inner</code> the <code>.header-top</code> position is a bit glitchy and not how it originally positioned. </p>
  
  <p>Depending on the speed I scroll back up too will determine how far the position changes. I suspect it's to do with the double negative values outputting on <code>translate3d</code> if you check the console.</p>
  
  <p>See: <a href="https://jsfiddle.net/ez379rax/5/" rel="nofollow noreferrer">https://jsfiddle.net/ez379rax/5/</a></p>