How can I create a parallax scrolling webpage?

I want to have stationary images in the background that get covered by a strecthed element box. As it scrolls by, the background image is no longer there, but a new image in it's place to repeat same effect with next element box.

This conversation is no longer open for comments or replies and is no longer visible to community members.

Responses

elyzabethv

8.4K Messages

•

123.8K Points

11 months ago

Hello,

Which website are you trying to accomplish this with?

0

I

ismael2456

11 Messages

•

180 Points

11 months ago

Hi,

Thanks for the response! I haven't created it yet but I wanted to create something like this example where a video is running in the background and a parallax scrolling container covers it.

A+I is Architecture Plus Information

0

I

ismael2456

11 Messages

•

180 Points

11 months ago

Here is actually a better example of what I'm looking to do:

8

0

elyzabethv

8.4K Messages

•

123.8K Points

Ok, so you can definitely do that with an image background. Click on the background, click More > Advanced > Size & Position and you'll see the option to turn on the Parallax setting and adjust it.

11 months ago

0

I

ismael2456

11 Messages

•

180 Points

Hi again,

I tried what you said, but it did not work. When I have an image set as background, it won't give the option for parallax scrolling. Only if an image is not in the background, will it give parallax options. I don't think there is an option to keep image still until covered by a passing container. If so, maybe you can elaborate.

Thanks!!!

11 months ago

0

I

ismael2456

11 Messages

•

180 Points

wait, I just found the parallax on background!!! Thank you!

11 months ago

I

ismael2456

11 Messages

•

180 Points

That being said, do you know if I can have a playing video actively on the landing page?

Like this:

https://architectureplusinformation.com/

11 months ago

0

elyzabethv

8.4K Messages

•

123.8K Points

Ok, sorry. For background images, it's actually on the first settings menu:

11 months ago

0

ismael2456

How can I create a parallax scrolling webpage?

elyzabethv

ismael2456

ismael2456

elyzabethv

ismael2456

ismael2456

ismael2456

elyzabethv

Related Conversations