Hi. I am really struggling making a scrolling navigation effect, where a user would see a section in full screen, and then scroll down to transition to the next section. For reference the tesla.com site has this effect. How do I create this? I have tried working with anchors and viewport enter…

Hey Sebastian! This can be achieved with some simple Corvid: $w.onReady(function () { $w('#sectionOne').onViewportEnter(() => { $w('#box1').scrollTo(); }) $w('#sectionTwo').onViewportEnter(() => { $w('#box2').scrollTo(); }) $w('#sectionThree').onViewportEnter(()…

Create scrolling navigation

Ask the community

knutbrouwer April 3, 2021, 10:12pm 6

@sebastian308 Did you ever figure this out? I am looking to achieve the same thing…

Topic		Replies	Views
"Scroll= snap to section" effect Ask the community code	0	521	August 10, 2019
Section animation on mouse scroll Ask the community	1	150	April 15, 2022
Remove scrollbar Ask the community	3	769	October 31, 2020
Tutorial: Scroll the Screen with One Mouse Scroll Show and tell code , tips	6	1335	August 16, 2022
I have created several pages and i want to jump to pages by using a mouse scroll like in this site: https://www.heymade.com/ can you help Ask the community code , question	1	71	April 7, 2020

Create scrolling navigation

Related topics