vue-parallax
vue-parallax copied to clipboard
apertureless
Parallax stops midway. please help!
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>
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.
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
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.
