https://tysonpond.github.io/assets/js/main.js

1$(document).ready(function(){
2    /* ---------------- NAV-LINK SCROLL BEHAVIOR (CUSTOM SCROLLSPY ) ----------- */
3	var offset = parseInt($("#page-container").css("margin-top"));
4	var sections = $(".nav-link").map(function(){return $(this).attr("href")}).get();
5	var heights = sections.map(x => $(x).offset().top);
6	var prevSection = sections[ heights.map(ht => ht - offset <= window.pageYOffset).lastIndexOf(true) ];
7	$(".nav-link[href='" +  prevSection + "']").toggleClass("active");
8
9	$(window).on("scroll", function(){
10		var currentSectionIndex = heights.map(ht => ht - offset <= window.pageYOffset).lastIndexOf(true);
11		var currentSection = sections[ currentSectionIndex ];
12		if (prevSection!=currentSection) {
13			$(".nav-link.active").toggleClass("active");
14			$(".nav-link[href='" +  currentSection + "']").toggleClass("active");
15			prevSection = currentSection;
16		}
17	});
18
19	/* nav-link click behavior */
20	$('.nav-link, .navbar-brand, #my-projects-btn').click(function(event) {
21		event.preventDefault();
22		$(window).scrollTop($($(this).attr('href')).offset().top - offset);
23	});
24});