highlight navbar item menu on scroll

active-scroll.js

 if ($) {
    // Basice Code keep it
    $(document).ready(function() {
      $(document).on("scroll", onScroll);
      //smoothscroll
      $('a[href^="#"]').on("click", function(e) {
        e.preventDefault();
        $(document).off("scroll");

        $("a").each(function() {
          $(this).removeClass("active");
        });
        $(this).addClass("active");

        var target = this.hash;
        $target = $(target);
        $("html, body")
          .stop()
          .animate(
            {
              scrollTop: $target.offset().top - 65
            },
            800
          );
      });
    });

    // Use Your Class or ID For Selection

    function onScroll() {
      var scrollPos = $(document).scrollTop() + 60;
      $("#left-nav ul li a").each(function() {
        var currLink = $(this);
        var refElement = $(currLink.attr("href"));
        var nav = $(".item-nav");
        if (nav.length) {
          if (
            refElement.position().top <= scrollPos &&
            refElement.position().top + refElement.height() > (scrollPos)
          ) {
            $("#left-nav.item-nav ul li").removeClass("active");
            currLink.addClass("active");
          } 
          else {
            currLink.removeClass("active");
          }
        }
      });
    }