Mobilna pozycja safari: poprawiona usterka indeksu Z podczas przewijania

Wiem, że iPhony kiedyśnie pozycja wsparcia: naprawiona, ale teraz działa i widzę dziwną usterkę, gdy przewijam stały element pozycji za innymi elementami o wyższym indeksie z. Element o stałych pozycjach z niższym indeksem Z pojawia się na chwilę z przodu, co wygląda bardzo źle. Czy istnieje sposób, aby temu zapobiec?

Próbowałem dodać-webkit-transform: translate3d(0, 0, 0); do stałego elementu i wydaje się, że nie pomaga to temu problemowi.

Oto także jsfiddle.

Aktualizacja dodałemtransform:translateZ(x) oprócz indeksu Z i nie rozwiązał problemu.

Aktualizacja2 dodałem-webkit prefiks i to rozwiązuje problem z indeksem Z na mobilnym Safari, ale także powoduje, że pozycja: naprawiona działa niepoprawnie w Chrome na pulpicie.

questionAnswers(4)

yourAnswerToTheQuestion