Streaming live at 10am (PST)

Increase background image size on scroll

Hi guys,

I’m looking to achieve something similar to the principle outlined in the header image on the following site.

The idea being that as you scroll down the page the background image increases in size and fades out.

I’m pretty familiar with interactions, so should be able to pick it up if someone can point me in the right direction. :slight_smile:

I don’t see this behavior in your linked example. However this is pretty simple to achieve with IX2. Define a scroll interaction (“while page is scrolling”) and make it affect a div inside the header, altering its dimensions and opacity.

Thank you Vincent, this helped a lot. I hadn’t thought of using the “while page is scrolling” interaction. :slight_smile: