Langsame animation mit webkit-transform: translate() in iPhone OS 3.0

Hat sich etwas geändert im Umgang mit JavaScript im iPhone OS 3.0? Dieser code funktioniert in Safari 4 Public Beta und im iPod Touch 2.0, aber nicht in iPod touch mit iPhone OS 3.0. Der Zweck ist, um das Feld zu bewegen, ein wenig auf der rechten Seite in 2 Sekunden, aber in der 3.0 er nur springt, um die neue Lage ohne animation oder Verzögerung.

<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>

Kann ich gehen, um dieses mit den linken, wie der transition-Eigenschaft, aber das ist mir keine andere Art von Probleme, wenn ich versuche zu integrieren, um mein Projekt (im Grunde würde ich brauchen, um zu kombinieren ziehen Bewegung und animierte Bewegung und das ziehen verwendet zu übersetzen und die animation Links-Eigenschaft, die ist nicht nett. Ich weiß nicht, ob das ziehen kann umgesetzt werden mit der linken-Eigenschaft). Irgendeine Idee was falsch sein könnte in dem obigen code, oder ist das ein feature vom iPhone OS 3.0?

InformationsquelleAutor | 2009-07-09

  1. 4

    nur die translate3d() und scale3d () - Funktionen sind hardware-beschleunigte auf mobile safari.

    http://www.mobigeni.com/2010/09/22/how-to-use-hardware-accelerated-css3-3d-transitions-on-ipad-and-iphone/

    InformationsquelleAutor Alex

  2. 1

    Upps, anscheinend war es am einfachsten zu konvertieren, ziehen die Funktionalität, auch die left-Eigenschaft.

    InformationsquelleAutor

Schreibe einen Kommentar