Missing CSS classes to make parallax-element overlap
Closed this issue · 3 comments
Could you provide the CSS to make parallax-element overlap?
It would help if you released the code you used to make the demo.
parallax-element are actually just normal DOM elements. You can add a class to them and give them a position: absolute and you can therefore make them overlap.
Does it help solving your issue?
As soon as I use position: absolute everything stop moving. No more parallax effect. I'm missing some CSS magic somewhere.
My guess is that, if all your parallax-element are in position: absolute, then your parallax-container has a width and height equal to 0. Therefore there can't be any movement as the parallax-container is the one that detects the mouse movement.
So depending on your case and the result you're trying to achieve you need to find a way to give your parallax-container a width and height.