Add active class on scrolling using jQuery

$(window).scroll(function() {

    if ($(this).scrollTop() >= $('#intro').offset().top) {
       $('#nav #a1').addClass('active');
       $('#nav #a2').removeClass('active');
       $('#nav #a3').removeClass('active');
    }

    if ($(this).scrollTop() >= $('#second').offset().top) {
      $('#nav #a1').removeClass('active');
      $('#nav #a2').addClass('active');
      $('#nav #a3').removeClass('active');
    }
     if ($(this).scrollTop() >= $('#third').offset().top) {
      $('#nav #a2').removeClass('active');
      $('#nav #a3').addClass('active');
    }