How do I build a bullet point navigation webflow?

Design help General
#1

Hey guys, I’m in need of a help, to build a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items.

Is it possible to create a menu like this without using a custom code?

like this site: http://glauberdorotheu.me or this http://plugins.imdanishiqbal.com/section-scroll/

Here is my site Read-Only: https://preview.webflow.com/preview/allvinicius?preview=f77b6c9d2c731a1be2024e1469b62b05

#2

Hey @Aurelio_Vinicius,

Create a fixed container with high Z index

57
Capture d’écran 2018-04-06 à 11.59.57.png233×877 21.1 KB

Add different IDs to your sections

4754

17
Capture d’écran 2018-04-06 à 12.01.17.jpg1491×894 474 KB

Add some link block in Container-bulletpoint

13
Capture d’écran 2018-04-06 à 12.02.13.png306×832 66.6 KB

Link each bullet point to the anchor (ID)

1
1.gif461×593 123 KB

Hover a section and click on the bullet point concerned.
A current state will appear

02

Custom the current state (it means when you click on it)

And there you have it

Hope this helps,

1 Like