Issue with toggle visibility buttons and blocs with parallax image?

[Michelangelo]

Hi, before writing, I searched the forum but couldn’t find any information about this

@norm maybe there’s a problem with blocks that contain visibility triggers (tried also with class change) inside blocks that have images with parallax enabled.

When I activate the trigger, the background ‘jumps’ from the bottom to the top for a moment.
I tried forcing the background height via CSS without success.

To ensure that the height of the container activated by the trigger doesn’t affect it, I made everything fixed with zero height. Same result.

Maybe I did something wrong?

Download project

Thanks

[WeatherguyNH]

Sorry. What is it you are trying to accomplish?

Rich the Weather Guy

[Norm]

Possibly a shortcoming of the parallax solution Blocs uses, inspect the exported code, you may need to add some JS to adapt and listen for the layout shift when your menu is toggled.

[Michelangelo]

@WeatherguyNH

Sorry. What is it you are trying to accomplish?

Prevent the background from moving unintentionally when using a visibility or class trigger

@Norm

Possibly a shortcoming of the parallax solution Blocs uses, inspect the exported code, you may need to add some JS to adapt and listen for the layout shift when your menu is toggled.

I already tried with some CSS but without success, I will check the Js thanks

Thanks!

[Michelangelo]

I tried some solutions without success, analyzing the parallax position and the .parallax__container container and .lock-scroll & .parallax. I’ll try again