Hello,
I am trying to create a site where the opening hero image is visible - and when you scroll down it takes you to the body content but I don’t want to be able to scroll to the top again.
Example is here
http://jamiefobertarchitects.com/
Can anyone help?
Hi,
You add a strip to the top section of your page, add another anchor below it and use the viewPortEnter of the anchor so that whenever the site visitor scrolls the page and the anchor element is displayed, the strip will collapse . If you don’t add other events, it won’t appear again on your screen so this way it will be displayed only once, when the page is loaded, disappear when the page is scrolled and won’t appear again:
export function anchor1_viewportEnter(event) {
$w('#columnStrip1').collapse();
}
I hope it’s clear,
Tal.
Thank you so much Tal! Its worked!! Clever lady!
Hi Tal, one other thing… It’s behaving correctly - but the motion is really rigid - is there a way to smooth out the scroll? Am I making sense?