Text not appearing in sticky header

Ask the community
,
1

I’ve tried to create a sticky header - and have it reveal using the onViewportLeave function. I’ve tried to link it to one of the strips. But as you can see from the bottom image the text isn’t appearing in the strip when I scroll down the page. It’s probably dead simple, but I’m so new to Corvid and just have no idea. Any help would be appreciated - thanks community.

1158×367 11.4 KB

1340×752 135 KB

1818×693 76.2 KB

1828×682 86.6 KB

2

Hello zzzdettmann,

well first at all, please show CODE always in CODE-TAGS. You will find this OPTION here…


Already have seen this example here?
https://www.wix.com/corvid/examples?search=sticky

3

Thanks russian-dima, will know from now on.
Yeah I have seen that example, not sure what I’m doing wrong.

$w.onReady(function () {
 // TODO: write your page related code here...
    $w("#headertransition").onViewportLeave(() => {
        $w("#Scroll").show();
        $w("#Header1").hide();
    })
    $w("#headertransition").onViewportEnter(() => {
        $w("#Header1").show();
        $w("#Scroll").hide();
    })
});
4

Perhaps this example may help you…

https://russian-dima.wixsite.com/meinewebsite/reading-position

Here you will find the same function in another situation.

A STRIP (red) leaves the viewport and activates process-1.
When it comes back to vieport, it activates process-2.

5

It looks like your code is correct, but the text element might not be attached to the strip element (happens to me sometimes). Maybe try to drag it off, and then drag it back until you see the “Attach to Strip” message.

6

Hey LMeyer, thanks for the suggestion.
I thought that might have been the case, but after checking again it looks like they are all in fact attached to the strip. Appreciate it though.

1380×600 107 KB

7

That’s crazy! I’ve never seen a “parent” element appear without it’s “children”…
I can only think of a couple more things:

  1. Double check that all the element IDs exactly match what’s in the code, including capitalization (for example #BigBox and #bigbox are not the same)
  2. Do you have the text elements individually set to be Hidden on Load ? If the strip is set to Hidden on Load , then the text elements will automatically be. But if the text elements are individually set to Hidden on Load , then that would explain why they’re still not appearing.
  3. You might need to contact Wix Support , it could be a bug or something else that they can help fix.

I hope you can figure this out!

8

Thanks for your patience guys. I’ve just worked it out!
Was checking everything, and for some reason the trigger strip itself was set to Hidden on Load . Not sure why it was tricking me into thinking it was sort of working. Appreciate the help man!