Tengo un problema con mi código cuando la sección está visible, hay un parpadeo en la interfaz. Los elementos dentro de esa sección parpadean cuando están en el punto de vista. Aquí está mi código Jquery:

 jQuery( document ).ready(function($) { $(window).scroll(function() { var windowBottom = $(this).scrollTop() + $(this).innerHeight(); var window_height = $(window).height(); var scrollMiddle = $(window).scrollTop() + (window_height/2); $(window).scroll(function() { $(".fading-section").each(function() { var classes = $(this).attr("class").split(/\s+/); var objectBottom = $(this).offset().top + $(this).outerHeight(); var objectTop = $(this).position().top; var section_bg = $(this).find(".uagb-section__overlay").css("background-color"); if (scrollMiddle >= objectTop && scrollMiddle <= objectBottom) { //object comes into view (scrolling down) $("body.page-id-2899").stop(false,false).animate({ backgroundColor: section_bg}, 750); $(this).addClass('visible-section'); $(this).removeClass('notvisible-section'); } else { $(this).removeClass('visible-section'); $(this).addClass('notvisible-section'); } //console.log(classes); //console.log(section_bg); //console.log("Object Top:" + objectTop); //console.log("Object Bottom:" + objectBottom); //console.log("The Middle:" + scrollMiddle); //console.log("Height of the screen:" + window_height); }); }); }); //invoke scroll-handler on page-load });

Este código simplemente establecerá la opacidad en 1 cuando agregue la clase en esa sección.