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

Parallax stops midway. please help! #36

Open
Dinibewerbig opened this issue Mar 10, 2019 · 5 comments
Open

Parallax stops midway. please help! #36

Dinibewerbig opened this issue Mar 10, 2019 · 5 comments

Comments

@Dinibewerbig
Copy link

Dinibewerbig commented Mar 10, 2019

Good evening. I tried your plugin, but the parallax effect stops midway. I already changed sectionHeight and other variables but still the same issue.

As you can see on the webpage provided down below, there is enough runway of the image left. Why does it stop then?
Please have a look at my code and my website here. I would appreciate your help.

https://awesome-gates-b6e8e3.netlify.com/

<div style="position: relative; z-index: 0; "> <parallax :speed-factor="0.5"> <img src="~/assets/header78.png" style=" width:100vn" alt="very cool bg"> </parallax> </div>

@Dinibewerbig Dinibewerbig changed the title Parallax doesn't go until the end. Parallax stops midway. please help! Mar 10, 2019
@kaiserkiwi
Copy link

I have the same issue. The moment the parallax element is not on the top it stops working after some time. It seems also impossible to have more than one parallax element.

@apertureless
Copy link
Owner

Well, this behaviour is kind of intended. Because if the image is not in your viewport there is no reason to animate it. Thus it checks if the parallax element is in view.

If I find some time, I am gonna check on this. I wanted to rewrite some portions of the component and use IntersectionObserver instead the getBoundingClientRect

@eybarta
Copy link

eybarta commented Sep 26, 2019

any progress on this?

@ChrGriffin
Copy link

It seems also impossible to have more than one parallax element.

That's an important note and probably deserves to be in the README. I spent a very long time trying to figure out why my second parallax element wasn't working.

@GiroDigital
Copy link

any update on this, having this issue ?

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