//jquery-click-scroll //by syamsul'isul' Arifin var sectionArray = [1, 2, 3, 4, 5]; $.each(sectionArray, function (index, value) { $(document).scroll(function () { var offsetSection = $("#" + "section_" + value).offset().top - 90; var docScroll = $(document).scrollTop(); var docScroll1 = docScroll + 1; if (docScroll1 >= offsetSection) { $(".navbar-nav .nav-item .nav-link").removeClass("active"); $(".navbar-nav .nav-item .nav-link:link").addClass("inactive"); $(".navbar-nav .nav-item .nav-link").eq(index).addClass("active"); $(".navbar-nav .nav-item .nav-link").eq(index).removeClass("inactive"); } }); $(".click-scroll") .eq(index) .click(function (e) { var offsetClick = $("#" + "section_" + value).offset().top - 90; e.preventDefault(); $("html, body").animate( { scrollTop: offsetClick, }, 300 ); }); }); $(document).ready(function () { $(".navbar-nav .nav-item .nav-link:link").addClass("inactive"); $(".navbar-nav .nav-item .nav-link").eq(0).addClass("active"); $(".navbar-nav .nav-item .nav-link:link").eq(0).removeClass("inactive"); });