Still having issues w/start of timeline; simplified code #150

lisacowanyr opened this Issue Feb 6, 2014 · 2 comments


None yet
2 participants


I've followed your suggestions and drastically simplified my code. You can see my revisions here:

I'm running into 2 issues.

  1. The animation #fighters still starts at the beginning of the page.

  2. When it starts, the position of the div fighters is reset to: position: fixed; top: 767.-----px; left: 0px; The 767 changes dynamically. For awhile yesterday, I did have it starting at the right place in the page, but it was still fixed position to the top by 768px.

I've cleared all of the console errors.

I greatly appreciate your help and patience.



janpaepke commented Feb 6, 2014

Hi Lisa,

the reason for both issues is quite obvious.
It starts right at the beginning, because the starting position (left position) of your "#fighters" container is 0. So it is triggered as soon as the user starts scrolling and thus both the pin and the animations start.
Position you fighters wrapper correctly and it will work. :)

Also I noticed that you changed the superscrollorama base file setting the default for the scrolldirection (isVertical) to false.
Don't do that. Instead when calling superscrollorama as you do in your animation.js on line 6 do it like this: var controller = $.superscrollorama({isVertical: false});.

best regards,

Thanks, Jan. I'll give this a shot.


janpaepke added the question label Feb 7, 2014

janpaepke self-assigned this Feb 7, 2014

janpaepke closed this Feb 12, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment