Change active nav bar based on scroll position - convoluted?

Question

I have attempted to adapt a single page template into a multipage site, using Bootstrap for the CSS. The Nav bar works lovely as a single page, with the relevant li becoming act