Streaming live at 10am (PST)

Replicate this scrolling effect

Hello, I love the scroll effect on this site but I am struggling to replicate, can anyone point me in the right direction please? It’s WP site so I am sure there is a WF whizz who can help me!

https://www.magazinewood.co.uk


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

What do you mean by scroll effect? I can’t see any special scrolling effect on that site. Are you referring to the fixed background?

Yes. Apologies, I am probably being thick, but regardless of what it is I would like to replicate it.

No bother at all, and sorry if my question was poorly phrased - I just wanted to understand what you were asking.

I would guess that the easiest way is to apply a photo background to the body, and set the image as “fixed”.

Here is a share link for one of my sites in which I have done this. Select the Body and take a look at the background image - you will see that “Fixed” is selected at the bottom of the image properties, like so:
2019-10-08_10h33_12

https://preview.webflow.com/preview/ldaa?utm_medium=preview_link&utm_source=designer&utm_content=ldaa&preview=fdd10ffa7c8548fab3bfabc29b8dcd7e&mode=preview

However this doesn’t seem to work on mobile devices, whereas the website you are taking inspiration from does work on mobile. I’m not sure how to get a fixed background image on mobile and would be very interested in a solution if anyone wants to jump in!

Not a worry, That sounds quite logical - funny I never think of editing the Body. Thank you - I will go back and have a play around. It does seem to scale down fairly well.

No problem, let me know how you get on :slight_smile:

1 Like

Works a treat - thank you. I will let you know if I get it responsive :slight_smile:

1 Like

Awesome! Best of luck!