Scroll spy

A scrollspy is a navigation section that stays up to date on where the user is scrolled. So if the user scrolls manually to a section, it will show that section on the navigation automatically. Clicking on the section will also scroll the page to that section. This scrollspy is based on the Bootstrap implementation.

Add to your website

looks_onePaste the AnyMod script inside your HTML's <head> section.

looks_twoPaste the mod tag anywhere you want this mod to show.

<html>
  <head>
    <title>Scroll spy</title>

    <!-- AnyMod -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','library','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
    </script>
    <!-- /AnyMod -->

  </head>
  <body>

    <!-- Scroll spy -->
    <div id="anymod-dkrmoo"></div>
    
  </body>
</html>
looks_one
looks_two
Download HTML file