Header Transition with Velo (2021)

Velo Code:

$w(‘#transitionStrip’).onViewportLeave(() => {
 	$w(‘#newHeader’).show(“fade”);
 	$w(‘#defaultHeader’).hide(“fade”);
})

$w(‘#transitionStrip’).onViewportEnter(() => {
 	$w(‘#defaultHeader’).show(“fade”);
 	$w(‘#newHeader’).hide(“fade”);
})

Enjoy!