2012-10-15 4 views
2

iPad 용 HTML5 앱에서 작업하는 경우 요소 하드웨어의 높이를 변경하고 싶습니다.요소 하드웨어의 CSS 높이 변경 ipad에서 accellerated

뷰포트의 높이를 확장하면 자식 요소의 더 큰 부분을 나타내야하는 자식 요소 (절대적으로 배치 된 부모보다 큰)에 뷰포트 (부모, 오버플로 : 숨김)를 만들었습니다.

내 데스크톱 브라우저 (Chrome)에서 애니메이션이 멋지게 보이지만 내 iPad (iOS 6)에서 실행하면 애니메이션이 부드럽 지 않습니다.

다음 JSFiddle 문제를 보여

http://jsfiddle.net/schade/bqsnS/ (사용 아이 패드 작동 방법을 볼 수있는 문제와 크롬을 볼 수)

필자가 아이 패드를 디버깅 내 결론은 그것이 많이 않는다는 것입니다

리플 로우 (reflowing)하고, 지금 당장 내 결론은 부모 요소의 높이가 항상 자식 요소의 위치를 ​​설정하더라도 iPad에서 자식 요소를 다시 그려야한다는 것입니다. 또는?

누구에게도 문제가 있습니까?

멋진 해결 방법이 있습니까?

답변

0

는 지금까지 내가, 당신은 다음과 같은 스타일을 적용하여 iOS에서 CSS3의 요소에 대한 하드웨어 가속을 강제 할 수 이해 :

-webkit-transform: translateZ(0); 

희망이

을하는 데 도움이