Add Body Class on Scroll

Add a body class when user begins scrolling using jQuery.

(function($){    
	$(document).ready(function(){

          // Add class to body when scrolling to add white background
          var targetDiv = $('body');

          $(window).scroll(function() {

               var windowpos = $(window).scrollTop();

			   // change amount here to choose distance from top to add class
               if( windowpos >= 50 ) {
                    targetDiv.addClass('scrolling-active');
               } else {
                    targetDiv.removeClass('scrolling-active');
               }

          });

    });
})(jQuery);	

About Matt Whiteley

Matt has been building bespoke WordPress websites for over 10 years specializing in the Genesis Framework. He integrates Advanced Custom Fields heavily in all builds, especially with the new Gutenberg Block Editor, allowing clients to easily modify all aspects of the their website with ease.

He works with a wide variety of small businesses and agencies across the country providing development services as well as hosting and maintenance. When he isn't coding he enjoys spending time with his wife and two children, golfing and playing poker.