Ios 9 Mobile Safari Has A Blinking Bug With Transform Scale3d And Translate3d

I've developed the menu of the mobile website: http://famosos.globo.com/ (click the burger icon on the bottom of the page) Its a carousel of brands using swiper 3.0.8, when you swi

Solution 1:

I solved the problem using position: fixed on the parent.

The blinking bug disappeared.

Mobile website: http://famosos.globo.com/ (click the burger icon on the bottom of the page)

Solution 2:

It seems to be a bug with nested layer composition and sizing of the viewport. Adding overflow: hidden in a parent layer seems to solve the problem. From a performance point of view, everything seems to be behaving the same (identical layouts, paints, compositing layers)