iPad滚动以旋转div元素

Question

我们希望使用Ipad上的滚动旋转Div元素，希望得到一些关于从哪里开始实现这一点的指针，如果我们可以使用CSS3转换来旋转元素，但是使用js或jQuery会很棒就够了。

干杯C

Answer 1

This tutorial展示了如何使用触摸事件实现div调整大小和旋转。

本教程中用于实现所需内容的最小代码是：

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

Answer 2

简而言之：

• 存储evt.pageX / evt.pageY值ontouchstart
• 计算ontouchmove
时的差异
• 使用-webkit-transform应用差异：rotate（[difference] deg）translate3d（0px，0px，0px）;到div
• 停止并重置值ontouchend

translate3d（）的用法是激活hw-accelerating，在这种情况下没有其他用途。