Javascript iPhone OS 3.0中webkit transform translate（）的慢速动画
iPhone OS 3.0中的JavaScript处理有什么变化吗？此代码适用于Safari 4公共测试版和iPod Touch 2.0，但不适用于带有iPhone OS 3.0的iPod Touch。其目的是在2秒内将长方体向右移动一点，但在3.0中，它只是在没有动画或延迟的情况下跳到新位置Javascript iPhone OS 3.0中webkit transform translate（）的慢速动画,javascript,webkit,iphone,transitions,Javascript,Webkit,Iphone,Transitions,iPhone OS 3.0中的JavaScript处理有什么变化吗？此代码适用于Safari 4公共测试版和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
<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>
iphonejs测试
.盒子{
位置：绝对位置；
宽度：150px；
高度：150像素；
背景色：红色；
-webkit转换属性：-webkit转换；
-webkit转换持续时间：2.0s；
}
.搬家{
-webkit转换：translateX（100px）；
}
$（函数（）{
$（“.box”）。单击（函数（）{
$（此）.addClass（“移动”）；
});
});
我可以通过使用left作为转换属性来解决这个问题，但是当我试图将它集成到我的项目中时，这会给我带来其他类型的问题（基本上我需要将拖动运动和动画运动结合起来，拖动使用translate和animation left属性，这不好。我不知道是否可以使用left属性实现拖动）.你知道上面的代码有什么问题吗？或者这是iPhone OS 3.0以后的功能吗？无需担心，显然，将拖动功能转换为同时使用left属性是最容易的。在mobile safari上，只有translate3d（）和scale3d（）函数是硬件加速的