Anchor Dot Navigation

The dots are used to navigate to anchors on a long page or a one page website.
The dot navigation is fixed in position at a preset distance in pixels from the browser left or right hand edge. The distance from the top of the browser window is set as a percentage - in this case 33%.
The navigation can hold up to ten items and the dots can be styled for size, color, border color, hover color and active dot color.
There is an option for the dots to show a label on hover.
The scroll time is adjustable and is set in milliseconds.
In this example, the anchors are created with the Anchor Target Text widget as h2 and h3 headings.

Section [1]

Section [2]

Section [3]

Section [4]


EverWeb Widgets