How make Visit Norways scrolling-gallery feature

Hi there!

Any tips on how I make a gallery like on Visit Norway? Visit Norway

I mean with a new image “blurring in” when scrolling and the box “slidding up on the screen”. The box is probably just setting to “fix”?

Hope feel like helping out with som tips for this fun task!

  1. Create DIV with images. Set div as fixed and make this absolute on Full.
  2. Then set the animation to elements which scroll into view. When a new element shows up, the image changes. For each image, you can set opacity and blur.

Zrzut ekranu 2023-11-25 o 22.15.33

Thanks! Seems like a good solution. What do you mean with “make this absolute on full”?

I mean this:
Zrzut ekranu 2023-12-4 o 11.50.41