החלפת צבע רקע בגלילה

				
					<script>
;( function() {
	
	let chck_if_gsap_loaded = setInterval(function(){
			const eleBuilder = document.querySelector('body').classList.contains('elementor-editor-active');
       if(window.gsap && window.ScrollTrigger && !eleBuilder){
            gsap.registerPlugin(ScrollTrigger);
            my_stuff();
            clearInterval(chck_if_gsap_loaded);
        }
    }, 500);
  
  function my_stuff() {
	
      const bgColors =     ['#bc2749','#de4854','#F38235','#e1598e','#65658e','#8a6b76','#939599'];
      const sections = gsap.utils.toArray('.panel');

  sections.forEach(function(section, index){
	ScrollTrigger.create({
		trigger:section,
		start:'top 200px',
		end:'bottom 100px',
		animation:gsap.to('.container', {backgroundColor:bgColors[index], immediateRender:false}),
		toggleActions:'restart none none reverse'
		
	});
});


  
}} )();
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.0/ScrollTrigger.min.js"></script>