Cách sửa lỗi nhấp nháy khi sử dụng chuyển đổi và chuyển đổi Webkit trong iOS 6

Question

Chúng tôi đã tạo ứng dụng HTML5 cho ipad sử dụng các biến đổi và chuyển đổi Webkit cho hoạt ảnh. Trong quá khứ, chúng tôi đã phải sử dụng -webkit-transform: translate3d(0,0,0); để cho phép tăng tốc phần cứng để ngăn hoạt ảnh không bị nhấp nháy và xuất hiện trơn tru. Chúng tôi đã cập nhật lên iOS 6 và kỹ thuật này dường như không còn hoạt động nữa. Có cách nào mới để gọi tăng tốc phần cứng trong iOS 6 cho hoạt ảnh không?

Answer 1

Hãy thử điều này:

-webkit-perspective: 1000; 
-webkit-backface-visibility: hidden; 

Answer 2

Apple đã thay đổi săn trong iOS6, do đó using translate3d doesn't automatically trigger GPU acceleration. Tôi nghĩ mọi người đang chơi với các cách tiếp cận khác nhau ngay bây giờ để tìm ra cách thực hiện điều này.

Answer 3

Tôi đã kết thúc việc sửa lỗi này bằng cách áp dụng dịch3d (0, 0, 0) cho mọi thành phần bên trong nội dung tôi đang chuyển đổi.

.content * { -webkit-transform:translate3d(0,0,0); }