Help with this scrolling navigation

Design help Animations & Interactions
1

Hello,

i need help with this scrolling navigation, someone can help me how to do this? or there is a tutorial on scrolling a page like this sample?

sample -----> http://www.loris-stavrinides.com/

Thanks!!

2

This is something that can be done with an external source such as fullpage.js since the one wheel click for 100vh scroll. If you are only after the sliding effect, you can take a look at this.

1 Like
3

Thanks @avivtech just the thing that i need :slight_smile:

1 Like
4

In case you are wondering how to get that same effect with fullPage.js, they are using the Parallax extension of fullPage.js too:

And if you have troubles implementing it, feel free to clone my project!

And my video tutorial on it here:

2 Likes
5

Hello Alvaro,

i bought the plugin but i need help with linked dots, i cant figure out how to link the dots to each section. please help me thanks!

here is the read only link
https://preview.webflow.com/preview/climafrigo?utm_medium=preview_link&utm_source=designer&utm_content=climafrigo&preview=869499286632c7af73a45daa2e2e4706&mode=preview

6

@Jaime it seems you already got it working?

7

Not working, i mean the dots navigations on the right, are not working… can you post a sample on this please? thanks

8

They are working for me :slight_smile: Working as expected.
Did you try from another computer?

9

Sorry, the dots links in the published page does not work… what is wrong?

10

Please check the Fullpage.js documentation regarding the use of anchors.

You are not using the anchors option at all and your sections do not contain the data-anchor attribute either.

Check also the examples in the examples folder: