title: how to use scrollspy without using bootstrap
body: <p>Does anyone know how to use scrollspy without using bootstrap?
  I am trying to get this to work in one of my projects using this repository:</p>
  
  <p><a href="https://github.com/sxalexander/jquery-scrollspy" rel="noreferrer">https://github.com/sxalexander/jquery-scrollspy</a></p>
  
  <p>but it just doesn't do what the bootstrap one does. The <strong>li</strong> tags are not marked as active :(
  Any help would be appreciated.</p>
  
  <p>I have tried doing this:</p>
  
  <pre><code>    $('#intel_nav').scrollspy({
          //n: $('#nav').offset().top,
          onEnter: function (element, position) {
              console.log(element);
  
              $("#intel_nav").addClass('moo');
          },
          onLeave: function (element, position) {
              $("#intel_nav").removeClass('out');
          }
      });
  </code></pre>
  
  <p>The element appears to be the actual menu, so I have no idea how to actually get the id of the element I am currently hovering over.</p>