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

Ask the community
,
3

Hi @ahmadnasriya

Thanks so much for this.

Here is the code that i have written following your steps.

$w( ‘#anchor7’ ).onViewportEnter((event) => {
if (!$w( ‘#horizontalMenu1’ ).hidden) { $w( ‘#horizontalMenu1’ ).hide() }
})
$w( ‘#anchor7’ ).onViewportLeave((event) => {
if ($w( ‘#horizontalMenu1’ ).hidden) { $w( ‘#horizontalMenu1’ ).show() }
})

What i am trying to do is when the page loads and sees anchor 7 then the menu should be hidden and when you scroll out of the anchor 7 view then the menu should appear.

I’m clearly doing something wrong here as it doesn’t seem to be working

Thanks