Streaming live at 10am (PST)

Horizontal site


#1

Hello, I created a horizontal scroll website but I am having trouble making the backgrounds fade in and out.

What I would like to happen is have the background color in each section fade in/out as it comes in/out of view. How do I accomplish this?

Here’s the link to the site.

https://preview.webflow.com/preview/andress-marvelous-project?preview=4fab8c4ef26a01b28fd8fd2a6aab5a59

(site is not finished obviously)


#2

Also is there a way to make the scroll fixed? By that I mean every time the user scrolls, it scrolls to each section one by one.


#3

Hey there @AndresPC

This should be of nice help: https://www.youtube.com/watch?v=tcA1oMy9S7w (section fade in and out)

Greets,

Michaël


#4

I appreciate the response @MichaelS but the problem when I do that interaction is; the offset does not work, I assume its because the interaction was built for vertical not horizontal, my page is horizontal scrolling. Is there any other way to accomplish this?


#5

anyone else that can help me with this?