Images in parallax component won't fill container

Issues
1

Hi,

I’ve been using the built-in parallax component to have images scroll slower/faster.
But, it’s impossible (or at least I can’t figure out how) to use the parallax component for “background” images that scroll at different speeds.

Everything seems fine when viewed staticly in Studio:

image
image1920×676 147 KB

But there is ALWAYS some reveal happening during actual parallax scroll (marked with color):

image
image806×1181 104 KB

image
image406×1252 162 KB

Please advise, I can’t figure out how to fix this :sweat_smile:

Feel free to edit:

2

Hi, I don’t think it’s currently possible with the parallax component, but if I understood well your objective, you should be able to achieve it in the studio solely with elements using position sticky in the image and overflow hidden in your image wrapper.

1 Like
3

fmota, thanks for the reply!

I tried your instructions but wasn’t able to replicate that effect in the studio :cry:
( Playground/Test Project )