Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Start the animation before Rellax Item enters Viewport #235

Open
floatwork711 opened this issue Jun 21, 2021 · 5 comments
Open

Start the animation before Rellax Item enters Viewport #235

floatwork711 opened this issue Jun 21, 2021 · 5 comments

Comments

@floatwork711
Copy link

Hi

Is there any chance to start the Rellax Animation just before the animated item enters the viewport.
In my case there are some items on the very bottom of a long page and they start moving when i start scrolling from the very top.

Any ideas to solve this problem?

@markatli
Copy link

You probably need to use something like waypoint.js which allows for some function to fire when an element enters the viewport.

@R3dRidl3
Copy link

R3dRidl3 commented Jan 6, 2022

This is a must have option. It should only start when element is (partially) in view and stop when out of view.
Also then the calculation should not be on the total page scroll, but how many was scrolled when the item was in view. Or else you get jumpy stuff.

@cvillalobos
Copy link

Does it mean it always starts moving from the top of the page when scrolling? what about the 'wrapper' property on the initialization? I've been trying to accomplish the effect with this, maybe that is why it doesn't work.

@MarkoMlinarevicDept
Copy link

@cvillalobos did you succeed? I'm having the same issue, I just want paralax effect to trigger when it's in viewport

@p-realinho
Copy link
Contributor

Hi everyone, please have a look at the centering options.
https://github.com/dixonandmoe/rellax#element-wise-centering

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants