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?
Here's a really brief tutorial I made for you: https://drive.google.com/file/d/0B1wj_0Q5QVSObi1WUkNiMEJ6T00/view
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?