How can I hide a footer or a container when scrolling down

Hello, how can I hide a footer or a container when scrolling down. As with the header, there is this effect. Thanks!

Hey @rivecologne , one way of doing this is with code by using the onViewportEnter( ) function which triggers an event when a certain element is entering your screen while you scroll. You will then have a code snippet that looks similar to this:

$w(‘#section’).onViewportEnter(() => {
$w(‘#container’).hide();
})

You can read more in the documentation: https://www.wix.com/velo/reference/$w/postpage/onviewportenter

ok, many thanks