logo Scroll animation

[Warul Kawa]

Hi!
I'm looking for a way replicate this simple scroll animation, where the first row is fixed, but scrolls away as the second row scrolls in:
https://spaces.is/loversmagazine/interviews/marc-edwards

Appreciate any help you can throw my way!

[felix_rabe]

imagine a container that contains the headline and below the image. now you give the headline a "position: sticky; top: 0;" as a custom css. Maybe you can work with that?

[arminunruh]

yea!

try creating a row,
right click the row, choose set custom row height

enter 200vh as row height

now put a text and image into that row.
right click both and for both click "make sticky"

then play around with the positioning of both elements and - right click on element → space top

[Warul Kawa]

@felix_rabe
@arminunruh

Thanks a lot!

[Warul Kawa]

@arminunruh would it also be possible to hide the menu while on that row, like on the example website?

[Warul Kawa]

i tried this but it's not doing the trick (introhead is the class I gave to the row)

body[data-type="page"][data-id="19"].introhead nav {
	display: none !important;
}

here's the website: http://beabeazleyarchitects.com