Page Load Jumping

[balexhowe]

Theme: Pro (Installed Version: 2.2.5)
Site referenced: austinparks.org
Problem: As the page loads, if you start to scroll down, the page will scroll as expected. Once the page is finished completely loading, the user is sent back to the top of the page.
Operating System: Mac/PC
Browser Tests: Firefox/PC (v. 61.0.2), Firefox/Mac, Chrome/PC (v. 68.0.3440.106), Chrome/Mac, Microsoft Edge/PC (v. 42.17134.1.0)
Page bug occurs: Any and every page on the site

---

Using web developer inspector I get these two messages.
Chrome: [Violation] Added non-passive event listener to a scroll-blocking ‘wheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See chromestatus.com/feature/5745543795965952
Firefox: This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

UberMenu where I see in some of the messages is on the latest Version 3.4.1.1.

[friech]

Hi There,

Thank you for writing in, I don’t see the errors that you mentioned above. I am seeing this instead.

Please disable the Loads Google Map API option on your plugins, one of that is the UberMenu, check your other plugins that can include a Google Map if it has this options as well.

Also, this image is too big (16.7mb) for a web image, please optimize and re-upload it.

If the issue persists, please do a testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes,
Cheers!

[balexhowe]

Good morning,

Thanks for the response. You are not seeing the messages, because you let the page load completely without scrolling to view the console. You have to scroll while the page is still loading to see the behavior that is happening, along with the console message as I mentioned. Please see the attached screenshot. This is from Chrome if you scroll while the page is loading. You will also notice the jumping of the page, as I mentioned in the original post.

I will look for the Maps API call. The image is certainly way too big, and I will get that adjusted down as well.

Thanks,

-balex

[rad]

Hi @balexhowe,

Some errors are triggered by events so we may see it differently depending on what you’re doing when the error appears. Which we always recommend providing a video recording of how to reproduce the issue. And I don’t see any other errors either, I scroll the page while it loads.

BUT, the issue might be this

<iframe allowtransparency="true" frameborder="0" height="450" onload="window.parent.scrollTo(0,0)" scrolling="on" src="https://secure.lglforms.com/form_engine/s/b0MSga4I6hR7_ioTYigXsA" style="width:100%;border:none">&amp;amp;amp;amp;lt;a data-cke-saved-href="https://secure.lglforms.com/form_engine/s/b0MSga4I6hR7_ioTYigXsA" href="https://secure.lglforms.com/form_engine/s/b0MSga4I6hR7_ioTYigXsA"&amp;amp;amp;amp;gt;Fill out my LGL form!&amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;gt;</iframe>

I see multiple instances of this and some are in ConvertPlus content. If ConvertPlus is active in other pages, then that means this issue is also present on those pages.

To break down the code, it has an iframe event onload="window.parent.scrollTo(0,0)" which tells the browser to scroll back to 0 once the iframe content is fully-loaded. And window.parent means the main window and not the iframe window. I recommend disabling that code and test it again but make sure to keep a copy as a backup.

Thanks!