Streaming live at 10am (PST)

Having trouble with interactions


I'm trying to fade in a transparent nav background on scroll and for some reason I can't set the opacity on the background and can't get the scroll to trigger the fade. Does anyone know how to do this?


Yup :smiley:
Here's a really brief tutorial I made for you:

Let me know if you have any questions!


Thanks. Isn't there a way to apply this to the element itself though? What if I move that section later on? This is currently coupled..?


@cjroe Perhaps with custom code. However, from my understanding you'll have to setup a trigger point and select the same interaction, it's pretty simple to move. You could create a section or div as a symbol and link it to that interaction if you wanted, then simply reuse that section or div as needed.


I'm confused. Why do I need to write custom code? Can't I just set the event to fire when I scroll X pixels down the page?