Touch scrolling Problem

Good day.
I discovered an issue that only affects the homepage. I took the template Black Friday here. The problem is on all mobile devices. If you scroll up with your finger and then back down and then stop, all elements jerk 1-2cm up and then down again. This happens after each scrolling by touch. I also noticed this problem on their demo pages. It is only for pages made with elements from WPBB. I have already tried everything, deactivated cache, deactivated 3rd plugins, etc. Can you see what that can be?

Good day.
I discovered an issue that only affects the homepage. I took the template Black Friday here. The problem is on all mobile devices. If you scroll up with your finger and then back down and then stop, all elements jerk 1-2cm up and then down again. This happens after each scrolling by touch. I also noticed this problem on their demo pages. It is only for pages made with elements from WPBB. I’ve already tried everything, deactivated cache, deactivated 3rd plugins, etc. Can you see what that can be?

https://1drv.ms/u/s!Avh15lbcnx7fguUFi7HUy7dNoivFqA?e=1duJrb

Hi,

This behaviour is caused by Chrome browser floating URL bar which is by default is showing when scrolling to top and hiding when scrolling to bottom. By default, spaces between sections in our demo content pages is set via vh value (https://prnt.sc/vby6ry) and when Chrome floating URL bar changes its position it also changes the height of the page which in its turn changing all vertical height vh values.

Unfortunately this browser behaviour is can’t be changed via WordPress theme and the only solution we can suggest it is to change all vh spacing values to px in WPBakery display options.

Best Regards

OK thanks. Are 20vh the same as 20px? Is it that easy to convert all VH to PX? or do I have to convert it?

On default desktop 16:9 display 10vh will be almost equal to 100px, so ratios will be more like 1 to 10.

Best Regards

[Author]

Posts