Notifications
Clear all

Resize on element resize causes Wordpress Header to flicker as you scroll down a page


Posts: 1
Topic starter
(@nwood)
New Member
Joined: 1 month ago

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. 

Topic Tags
3 Replies
TinyWebGallery
Posts: 635
Admin
(@admin)
Administrator
Joined: 13 years ago

Hi,

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? 

Best regards,

Michael

 

Reply
Posts: 1
(@octopuppy)
New Member
Joined: 3 weeks ago

I faced similar kind of issue last time, I am still searching for some proper solution Same issue still no fix to this.

Reply
TinyWebGallery
Posts: 635
Admin
(@admin)
Administrator
Joined: 13 years ago

@Octopuppy: Can you share a url for this? 

Reply