Shaky scrolling in newest Pro version

[ingo]

Hi,

we are having an issue with the scrolling in the newest version of Pro.

We have tested this on several sites and the issue appears on all of them.

The scrolling is kind of shaky. In some browsers more (Safari) and in some less (Chrome).

Installing and activating the smooth scroll plugin does note help. We also tried other plugins and js-snippets. But none brought the smoothness of scrolling in all browsers.

Do you have an idea whats the cause of the issue?

Thanks and kind regards.

Ingo

[ruenel]

Hello @ingo,

Thanks for writing in! Your issue could be caused by a plugin conflict, amongst other things. Please check out this troubleshooting article here and follow the instructions for the following sections (where appropriate):

Testing for Plugin Conflict
CSS/JS Customization
Disabling Cache
Disabling CDN

Kindly let us know how it goes.

[ingo]

Hello @ruenel,

thanks for your quick response.

We followed the instructions but it did not help.

Please take a look at the website.

Thank you!

[christian]

Hey @ingo,

I checked your site and I could scroll fine. When I scroll, it’s not shaking. Maybe what you mean by shaking is there’s a split second that you see a double-scrollbar? That is currently under investigation.

If that is not what you mean, would you mind sharing a video recording of the issue? That is the most efficient way we’d know what exactly is the issue.

Thanks.

[ingo]

Hey @christian,

thanks for the reply.

If you can find out what causes the double scroll bar that would be great!

Thanks a lot.

[tristup]

Hi @ingo,

Unfortunately, the double scrollbar is not visible in the given URL, can you please check once by clearing all types of cache and in incognito/private mode of the browser. If that is still coming please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

NOTE: The double scrollbar appears only if some of the element is taller or similar in height to its container. I would suggest deleting the elements one by one inside the bar till the issue resolves. The last element that resolves the issue is the reason.

Hope it helps.
Thanks

[ingo]

Hi @tristup,

the slider revolution caused the problem. With the following code i was able to get rid of the second scrollbar:
body {
overflow:hidden !important;
}

Nevertheless the scrolling of the whole website is especially in Safari awkward. Activating the included Smooth Scroll plugin makes it even worse. If you open the url in Safari and use a mousewheel for scrolling you will see what i mean.

Thank you

[ingo]

Another problem in Safari has appeared.

After scrolling down and then scrolling to the top again, the header changes its position sometimes. It then has a top-margin of about the same height the header bar has.

[tristup]

Hi @ingo,

I have checked the given URL in the Safari browser using the online browser testing tool and didn’t found the issue you described. I would request you please mention the device, browser name, and version, and also the operating system you are using, which helps us to replicate the issue at our end.

Thanks