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.