Resize on element resize causes Wordpress Header to flicker as you scroll down a page
So the resize on element resize works perfectly except the Wordpress header (regardless of theme) will flicker showing the header content as you scroll down the page. It's a weird and hard to explain effect. This effect is much more severe on mobile devices. When I check out the page on my iPhone the header with it's images will flicker as you scroll down the page and then scrolling will sometimes take you back to the top of the page. It's also not perfectly smooth. This happens on Safari and Chrome so I know it's now browser related but it began happen when I implemented resize on element resize.
I do know in the page I'm resizing I have several JQuery AJAX calls going on. I also know that when I open the included URL for the iframe page separately this issue goes away. When I enable scrolling in the iframe and disable resize on element resize the problem goes away and scrolling is perfectly smooth and no header flickering.
In a normal browser window I do notice at least 1 or 2 header flickers from the scrolling but goes away and isn't nearly as distracting as on mobile. Would record a video of this if it's helpful.
have you maybe scroll to the top enabled?
When the page scrolls. Is additional content loading?
What is your full configuration? Do you have a url to share?
I faced similar kind of issue last time, I am still searching for some proper solution Same issue still no fix to this.
@Octopuppy: Can you share a url for this?