Cambiar el color de fondo de cada sección en Divi

En este vídeo veremos como cambiar el fondo de una sección al hacer scroll en Divi. A continuación mostramos el código usado en el vídeo.

Código 1

body {
  background: #0652DD;
  transition: all 500ms;
  will-change: background;
}

Código 2

jQuery(function($){
$( "#seccion1" ).attr( "data-color", "#0652DD" );
$( "#seccion2" ).attr( "data-color", "#EE5A24" );
$( "#seccion3" ).attr( "data-color", "#A3CB38" );
$( "#seccion4" ).attr( "data-color", "#12CBC4" );
$( "#seccion5" ).attr( "data-color", "#EA2027" );
});

Código 23

(function($){
	$(window).on("scroll touchmove", function() {
			
	  if ($(document).scrollTop() >= $("#seccion1").position().top) {
			$('body').css('background', $("#seccion1").attr("data-color"));
		};
			
	  if ($(document).scrollTop() > $("#seccion2").position().top) {
			$('body').css('background', $("#seccion2").attr("data-color"))
		};
			
	  if ($(document).scrollTop() > $("#seccion3").position().top) {
			$('body').css('background', $("#seccion3").attr("data-color"))
		};
			
	  if ($(document).scrollTop() > $("#seccion4").position().top) {
			$('body').css('background', $("#seccion4").attr("data-color"))
		};
	  	
	  if ($(document).scrollTop() >= $("#seccion5").position().top) {
			$('body').css('background', $("#seccion5").attr("data-color"))
		};
	});
	
})(jQuery)

*** ¿¿AUN NO TIENES DIVI??***
►►DESCUENTOS: -10 % y -20% plantilla DIVI aquí: https://www.davidibiza.com/descuento-comprar-divi-elegant-themes/
– 20% DE DESCUENTO EN EL PLAN DE DESARROLLADOR (PAGO ANUAL):
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=31132&url=43062
– 10% DE DESCUENTO EN EL PLAN LIFETIME (PAGO ÚNICO): https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=31132&url=43061