Change the ELEMENTS COLOR in the HEADER when scrolling

Ask the community
,
20

@md60th Thanks a lot!!! Everything is perfect right now!

I did some adjustments to make it work, just to let you know

1- I change the fill field from “#262626” to “color” as you did in your first video

923×432 16.3 KB

2- Here is the final code

$w . onReady ( function () {

});

export function section5_viewportEnter ( event ) {
animateMenuElements ( menuItems . color . white )
}

export function section5_viewportLeave ( event ) {
animateMenuElements ( menuItems . color . black )
}

async function animateMenuElements ( color ) {
$w ( ‘#logo’ ). src = menuItems . setItemsColor ( color ). logo ;
$w ( ‘#hamburgerMenu’ ). src = menuItems . setItemsColor ( color ). hamburgerMenu ;
}

Thanks again for all your help! Have a superb weekend!