How to make a menu appear and pin at a certain part on the page?

Ask the community
,
2

Hi @mevansisback :raised_hand_with_fingers_splayed:

You can do this with the help of the onViewportEnter() and onViewportLeave() event handlers, assuming that your header is set to " Freez ".

For example, you want the menu to disappear when reaching the contact us section.

$w('#contactUsSection').onViewportEnter((event) => {
    if (!$w('#menu').hidden) { $w('#menu').hide() }
})

And appear again when leaving the strip.

$w('#contactUsSection').onViewportLeave((event) => {
    if ($w('#menu').hidden) { $w('#menu').show() }
})

Please note that your strip must have enough height to prevent other event handlers from overlapping your defined ones above.

Hope you find this useful.
Ahmad