2009-07-09 12 views
6

Czy coś zmieniło się w obsłudze JavaScript w iPhone OS 3.0? Ten kod działa w Safari 4 Public Beta i iPod Touch 2.0, ale nie w iPodzie touch z systemem iPhone OS 3.0. Celem jest przesunięcie skrzynki nieco w prawo w ciągu 2 sekund, ale w wersji 3.0 przeskakuje ona do nowej lokalizacji bez animacji lub opóźnienia.Powolna animacja z webkit-transform translate() w systemie iPhone OS 3.0

<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
<title>iPhone JS testing</title> 
<style type="text/css"> 
.box{ 
    position: absolute; 
    width: 150px; 
    height: 150px; 
    background-color: red; 
    -webkit-transition-property: -webkit-transform; 
    -webkit-transition-duration: 2.0s; 
} 
.move{ 
    -webkit-transform: translateX(100px); 
} 
</style> 
<script src="jquery-1.3.2.min.js" type="application/x-javascript"></script> 
</head> 
<body> 
<script type="text/javascript"> 
    $(function() { 
    $(".box").click(function(){ 
    $(this).addClass("move"); 
    }); 
    }); 
</script> 
<div class="box"></div> 
</body> 
</html> 

mogę obejść to za pomocą lewej jako własność przejściowym, ale to daje mi innego rodzaju problemów, gdy staram się zintegrować to do mojego projektu (w zasadzie, że muszę połączyć ruch i przeciąganie animowany ruch i przeciąganie używa translacji i animacji left-property, która nie jest miła Nie wiem, czy przeciąganie można zaimplementować za pomocą właściwości left. Masz pojęcie, co może być nie tak w powyższym kodzie lub czy jest to funkcja dostępna w iPhone OS 3.0?

Odpowiedz

1

Nieważne, najwyraźniej najłatwiej było przekonwertować funkcję przeciągania, aby użyć także właściwości left.

Powiązane problemy