Cordova-滚动导致固定的元素闪烁/闪烁

Question

I have tried every potential solution out there from

-webkit-transform: translate3d(0,0,0);

to

-webkit-backface-visibility:hidden

but nothing seems to fix an element in a fixed position from flickering/blinking/dissapearing during a scroll on iOS with

-webkit-overflow-scrolling: touch;

As soon as the scroll stops, the divs come back.

Does anybody know what is wrong? I am using Cordova/PhoneGap

Thanks!

Answer 1

Is the scroll an event somehow connected to the rendering? If so there may be a case of each time the scroll event occurs it re-renders the component.

I also found this blog post related to smoothing out rendering for Cordova. Hopefully, you find it helpful (you already tried one of their solutions). https://quickleft.com/blog/4-steps-to-minimizing-rendering-issues-in-cordova-applications/