Jquery iPad滚动以旋转div元素

Jquery iPad滚动以旋转div元素,jquery,ios,Jquery,Ios,我们想在Ipad上使用scroll来旋转一个Div元素,希望得到一些关于从何处开始实现这一点的指针,如果我们可以使用CSS3转换来旋转元素,那将非常好,但是使用js或jQuery就足够了 Cheers C演示如何使用触摸事件实现div大小调整和旋转 本教程中实现所需功能的最简单代码是: node.ongesturechange = function(e){ var node = e.target; node.style.webkitTransform = "rotate(" + ((ro

我们想在Ipad上使用scroll来旋转一个Div元素,希望得到一些关于从何处开始实现这一点的指针,如果我们可以使用CSS3转换来旋转元素,那将非常好,但是使用js或jQuery就足够了

Cheers C

演示如何使用触摸事件实现div大小调整和旋转

本教程中实现所需功能的最简单代码是:

node.ongesturechange = function(e){
  var node = e.target;
  node.style.webkitTransform = "rotate(" + ((rotation + e.rotation) % 360) + "deg)";
}
简言之:

  • 将evt.pageX/evt.pageY值存储在TouchStart上
  • 移动时计算差值
  • 使用-webkit变换应用差异:旋转([差异]度)translate3d(0px,0px,0px);到分区
  • 停止并重置打开的值
translate3d()的用途是激活硬件加速,在这种情况下没有其他用途