이것은 아이폰 사이트입니다 :
http://www.thevisionairegroup.com/projects/accessorizer/site/
“지금 플레이”를 클릭하면 게임이 시작됩니다. 총이 스크롤됩니다. 지갑과 액세서리를 위아래로 스크롤 할 수 있습니다. 놓으면 제자리에 끼워지는 것을 볼 수 있습니다. 스냅이 발생하는 것처럼 깜박임이 발생합니다. 내가 사용하는 유일한 웹킷 애니메이션은 다음과 같습니다.
'-webkit-transition': 'none'
'-webkit-transition': 'all 0.2s ease-out'
'-webkit-transform': 'translate(XXpx, XXpx)'
애니메이션을 적용할지 여부에 따라 첫 번째 또는 두 번째 전환 중 하나를 선택하고 변형은 내가 사물을 이동하는 유일한 방법입니다.
하지만 가장 큰 문제는 “항목 일치”를 클릭 한 다음 “다시 재생”을 클릭하는 것입니다. 총이 움직이면 액세서리 / 지갑의 전체 배경이 흰색으로 변하는 것을 볼 수 있습니다. 누군가가 왜 이런 일이 발생하는지에 대한 통찰력으로 나를 발산 할 수 있습니까 ??
답변
내가 추가 -webkit-backface-visiblity했고 대부분 도움이되었지만 페이지를 다시로드 한 후에도 여전히 초기 깜박임이 발생했습니다. 를 추가했을 때 -webkit-perspective: 1000깜박임이 전혀 없었습니다.
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
답변
이것을 시도하면 도움이 될 것입니다.
#game {
-webkit-backface-visibility: hidden;
}
답변
body {-webkit-transform:translate3d(0,0,0);}
답변
제 사건에 대한 실제 답은 여기에 있습니다. 누군가와 가까웠습니다 : -webkit-backface-visibility : hidden; 그러나 진짜 대답은 -webkit-backface-visibility : hidden; 상위 div에 추가해야합니다 .
답변
“깜박이는”CSS 전환에도 문제가있었습니다. 문제의 애니메이션은 화면 밖에서 미끄러지는 메뉴 였고 애니메이션이 끝나 자마자 전체 메뉴가 깜박이거나 깜박 거 렸습니다.
결과적으로 이것은 실제 iOS 기능인 “탭 강조 표시” 로 인해 발생했습니다. 어떤 이유로 CSS 애니메이션이 완료된 후 (즉, 실제 탭 후) 시작되어 요소 만 대신 전체 메뉴를 강조 표시했습니다. 도청되었습니다. 여기에 설명 된대로 탭 강조 표시를 완전히 비활성화하여 문제를 “수정”했습니다 .
-webkit-tap-highlight-color: rgba(0,0,0,0);
답변
Michael의 대답 -webkit-backface-visibility: hidden; 은 우리가이 문제에 부딪혔을 때 효과가있었습니다. 우리는 한 translateZ(0px)우리에 <body>아이폰 OS 3.1.3 및 이전 방지하기 위해 태그 IFRAME경계 버그 및 플리커에 anims를 일으켰습니다. -webkit-backface-visibility: hidden;애니메이션 된 각 요소에 추가 하면 깜박임이 수정되었습니다! 생명의 은인.
답변
div { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
나는 div에 호버 상태가있을 때 CSS 또는 js가 첨부되어 있지 않아도 페이지가 깜박입니다. 다른 사람에게 도움이 될 수도 있습니다.
