Active ScrollTop

by Ryan Perez

JavaScript

$(window).scroll(function() {
                var bodyPage = $("body").scrollTop();
                var aboutSection = $("[data-scroll-index='2']").offset().top;
                var aboutLink = $("[data-scroll-nav='2']");
                var homeLink = $("[data-scroll-nav='1']");
                var galleryLink = $("[data-scroll-nav='3']");
                
                var gallerySection = $("[data-scroll-index='3']").offset().top;
                
                var serviceSection = $("[data-scroll-index='4']").offset().top;
                var serviceLink = $("[data-scroll-nav='4']");
                
                
                var rebateSection = $("[data-scroll-index='5']").offset().top;
                var rebateLink = $("[data-scroll-nav='5']");
                
                
                
                var contactSection = $("[data-scroll-index='6']").offset().top;
                var contactLink = $("[data-scroll-nav='5']");
                
                
                var y = bodyPage
                
                if (y >= aboutSection) {
                    
                    homeLink.removeClass('active');
                    homeLink.parent().removeClass('active');
                    aboutLink.addClass("active");
                    aboutLink.parent().addClass("active");
                    
                } else {
                    
                    aboutLink.removeClass('active');
                    aboutLink.parent().removeClass('active');
                    
                }
                
                
                if (y >= gallerySection) {
                    
                    aboutLink.removeClass('active');
                    aboutLink.parent().removeClass('active');
                    galleryLink.addClass("active");
                    galleryLink.parent().addClass("active");
                    
                } else {
                    
                   ...