show one div only on screen #139

Closed
ghost opened this Issue Jan 28, 2014 · 1 comment

Projects

None yet

1 participant

@ghost
ghost commented Jan 28, 2014

Hi this is not a issue , but i want to show only one div at one time when that div comes in the center of page.
i have 8 to 10 div on page on small screen it work perfectly with the greensocks and scrollarma animation , but on big screen it show multiple div at one time .
any help will be appreciated.

also i see in superscrollama thier in function to trigger the animation on specific pixel , but how i can check the pixel on the screen.

@janpaepke
Collaborator

Hi!

the solution are containers that have the size of 100% height. The div you want to animate should be inside them and positioned accordingly (for example 50% top).
Then use the container as triggers for the animations of the divs.

hope this helps,
regards,
Jan

@janpaepke janpaepke closed this Feb 3, 2014
@janpaepke janpaepke self-assigned this Feb 3, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment