You just need the same workflow but inverted, instead of move to origin move -79 px on the Y axis and display: none on the scroll into view option of the interaction.
Hi @aaronocampo Im a bit confused. Should I have two interactions?
I’ve done what you said and it doesn’t seem to work.
I have two interactions going on here. When the user scrolls down to the first section and sees the subheading it has an interaction called ''reveal nav photo" which moves the nav bar image down. (it has an initial appearance of -79 pixels on the Y axis so you can’t see it when the page loads)
I then followed your advice and created a second interaction called “remove nav photo” which does the exact opposite. but it doesn’t seem to work. Is this the proper way to do this? or can I achieve this with a single interaction?
I solved it. I created a single interaction on an element in my hero banner.
When the element is out of view, it moves the nav bar image in place. When its scrolled back into view, it moves it back up. I don’t know why I didn’t think to do it this way. It’s much easier.