Make Your Site Respond when Elements Scroll into View

Show and tell
,
17

Update…

I just attempted to do this, and for some reason the Anchor Menu is not abiding by the “Hidden on Load” command. I unchecked and rechecked the box, saved, closed out, and reloaded Wix, and it is still fading into appearance when the page loads. I double checked the code to make sure there wasn’t anything random throne in (because I was messing with it prior to reading this thread).

I have an Anchor Menu attached to a Box for background & legibility purposes, so I added it in there where I assumed the code would go, not sure if that’s correct though.

Here is what my code looks like:

export function anchor6_viewportEnter(event, $w) {
    $w("#anchorMenu1").show("FadeIn");
    $w("#box15").show("FadeIn");
}

export function anchor7_viewportLeave(event, $w) {
    $w("#anchorMenu1").hide("FadeOut");
    $w("#box15").hide("FadeOut");
}

Here is a screenshot. The Anchor Menu is hidden in editor, but when I preview it appears… if you’d like to see what I mean go to https://www.devonbatista.com/communities It will fade into the top right corner as soon as the page loads.

1930×1081 147 KB

Thank you! (again)