If you want to track my progress, you can view it here - . Although clicking on the links in the navigation bar scrolls the page to the correct location, the link itself is not being highlighted. To address this, I had to incorporate an offset.
var offset = 111;
$('.navbar li a').click(function(event) {
event.preventDefault();
$($(this).attr('href'))[0].scrollIntoView();
scrollBy(0, -offset);
});
Currently, my problem lies in the fact that as I attempt to scroll through the page, the navigation highlighting is not aligning properly. It only becomes highlighted once I have passed halfway through the desired section. Any assistance will be greatly appreciated.