Streaming live at 10am (PST)

Fixed image becomes different link in different sections


#1

I'm making a website where we have a rocket move along as you scroll up (the website starts at the bottom).

I want to have the rocket (which you only see in the gray sections) to serve the same function as the 'circle with arrow' button/link is now. So, when I scroll into gray section-1 I can click on the rocket and be scrolled into the next gray section. Then in gray section 2 I want click on the rocket and be scrolled into the next section and so on.

Anybody have any idea how to do this?

PS: Here's what I have so far - http://thryver.webflow.com/alternate-homepage - click on learn more.


#2

Have you tried adjusting the z-index of the rocket and the different sections?


#3

Thanks @Ant! You're awesome, I solved the z-index problem. Now, I'm trying to turn it into a link/button for each section (see new question above). Any idea how I might do that? Maybe @bartekkustra knows?


#4

I might need to think about that a little more... I have an idea but it will take a little time... Contact me over Skype (contact details in my profile) or email. I'll try to help you.


#5

@matthew1818 You're in good hands w/ @bartekkustra! He really knows his stuff & is super helpful!


#6

Thanks @Ant! I've sent @bartekkustra an email so I'll keep you guys updated on progress.


#7