dotnav-doomxdd

Dot anchor navigation which allows the user to quickly navigate through page

Usage no npm install needed!

<script type="module">
  import dotnavDoomxdd from 'https://cdn.skypack.dev/dotnav-doomxdd';
</script>

README

DotNav

This module allows the user to quickly navigate through your page by dot navigation.

Usage

  1. Add "js-dot-nav" class to all the sections you want to navigate to
  2. Every section must have id parameter
  3. (Optional) Specify dot-nav-title attribute on the sections to show title on hover

Example:

<!-- Example of sections: -->
<section id="section1" class="js-dot-nav" dot-nav-title="Title 1">
</section>

<section id="section2" class="js-dot-nav" dot-nav-title="Title 2">
</section>

etc..

This is my first npm package, so if something doesn't work, please let me know :)