[SuperScrollorama - Tweened Margin-Right Jumps from 0 to something random, then doesn't return to 0]

Yes! Thank you so much!

 

Since I was only animating within an already-fixed area, I don't think I even considered using the pin method. 

 

I've plugged it into the site, and it works on there too. I'm still just a beginner really, so your help is massively appreciated!

 

Thanks again!

[SuperScrollorama - Tweened Margin-Right Jumps from 0 to something random, then doesn't return to 0]

Hello!

 

First of all, I know that this is not necessarily the right place to be looking for answers regarding SuperScrollorama since it's completely separate. But it does seem as though this is a good place to at least ask the question. 

 

I'm trying to design a single-page site, and have run into a problem. The effect I'm aiming for is:

 

A fixed, centered <ul> navigation at the top of the page. On scrolling down, the menu will break apart between the 3rd and 4th <li> and create a space of 250px, into which the logo will scroll (and shrink) and then remain for the duration. 

 

I'm achieving the effect by adding a margin-right to the third <li> element, and this is what i want to be animated against the scroll position. However, although the page loads correctly, with the margin-right at 0, as soon as the page starts to scroll the margin-right jumps straight to a number around 180px, before scrolling smoothly for the duration that I need it to. Then, on scrolling up, it animates smoothly but only returns to the random 180px value instead of 0.

 

Here's a JSfiddle: http://jsfiddle.net/aTz4X/5/

 

It's just that initial jump that's the problem. I've been trying to figure it out for days, but can't get to the bottom of it.

 

Any help or pointers would be much appreciated.

 

Rob