Move background image on scroll

Design help Animations & Interactions
1

Hello

I have a fixed navbar at the top with a background image. I want to scroll the background image up as the user scrolls down the page.

Any ideas for how to achieve this? I’m fine with using custom code.

Thanks!
Denise

2

Hi @LaPope

you can simply add an “on scroll interaction”…

Screen Shot 2020-08-30 at 10.45.01 AM
Screen Shot 2020-08-30 at 10.45.01 AM241×506 11.8 KB

3

@LaPope Hi! did you have any luck with this? I can’t find the background image of the body when im in the animations pane

4

I don’t think you can do this with a background image specifically, but you could create a div with a background image, or just an image object, and use a move animation in the interactions tab. Also, if you wanted to the images to move on scroll, you could use Webflow’s ‘scrolling into view’ interaction. I hope this helps!