6

iPhone OS 3.0 で JavaScript の処理に何か変更はありますか? このコードは、Safari 4 Public Beta および iPod Touch 2.0 では機能しますが、iPhone OS 3.0 を搭載した iPod touch では機能しません。目的はボックスを2秒で少し右に移動させることですが、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>

left をトランジション プロパティとして使用することでこれを回避できますが、これをプロジェクトに統合しようとすると、他の種類の問題が発生します (基本的に、ドラッグの動きとアニメーション化された動きを組み合わせる必要があり、ドラッグは変換を使用します)アニメーションの left-property はよくありません. left-property を使用してドラッグを実装できるかどうかはわかりません)。上記のコードで何が間違っているのか、それとも iPhone OS 3.0 以降の機能でしょうか?

4

2 に答える 2

4

モバイルサファリでハードウェアアクセラレーションされるのは、translate3d（）関数とscale3d（）関数のみです。

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

于 2010-10-20T03:01:41.330 に答える
1

どうやら、ドラッグ機能を変換して left プロパティも使用するのが最も簡単だったようです。

于 2009-07-10T09:11:36.397 に答える