iPad滾動以旋轉div元素

Question

我們想要使用Ipad上的滾動來旋轉Div元素，如果我們可以使用CSS3變換來旋轉元素，我們將很樂意獲取從何處開始實現的一些指示器，但使用js或jQuery就足夠了。

乾杯ç

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的

使用（）是激活硬件加速，它在這種情況下，沒有其他目的。