Javascript 适用于性能最佳的移动设备的可拖动项目

我需要具有最佳性能的移动设备的可拖动列表
我使用了一些jQuety插件，但性能不够
请告诉我一个用于高性能拖动的javascript库
我更喜欢聚合物或帆布的反应方式

---

谢谢

铁名单元素可能对您有用。您可以下载并查看相关文档。

我找到了。这是我看过的最好的演出

//具有“draggable”类的目标元素
交互（“.draggable”）
.拖拉({
//启用惯性投掷
惯性：没错，
//将元素保持在其父元素的区域内
限制：{
限制：“家长”，
是的，
elementRect:{top:0，left:0，bottom:1，right:1}
},
//在每次dragmove事件中调用此函数
onmove:dragMoveListener，
//在每个dragend事件上调用此函数
ONED：功能（事件）{
var textEl=event.target.querySelector（'p'）；
textEl&（textEl.textContent）=
“移动了一段距离”
+（Math.sqrt（event.dx*event.dx+
event.dy*event.dy）| 0）+“px”）；
}
});
函数dragMoveListener（事件）{
var target=event.target，
//在data-x/data-y属性中保持拖动位置
x=（parseFloat（target.getAttribute（'data-x'））| | 0）+event.dx，
y=（parseFloat（target.getAttribute（'data-y'））| | 0）+event.dy；
//翻译元素
target.style.webkitTransform=
target.style.transform=
'翻译（'+x+'px'，+y+'px）'；
//更新posiion属性
target.setAttribute（'data-x'，x）；
target.setAttribute（'data-y'，y）；
}
//这将在稍后的调整大小演示中使用
window.dragmovestender=dragmovestender
#拖动-1，#拖动-2{
宽度：25%；
身高：100%；
最小高度：6.5em；
利润率：10%；
背景色：#29e；
颜色：白色；
边界半径：0.75em；
填充：4%；
-webkit转换：翻译（0px，0px）；
转换：转换（0px，0px）；
}
#把我拖过去{
内容：“#”属性（id）；
字体大小：粗体；
}

可以拖动一个元素

使用每个指针

要在移动设备上获得更好的性能，请将translate更改为translate3d，并添加第三个参数0：

'translate3d(' + x + 'px, ' + y + 'px, 0)';

为什么我得了-1分？！！我需要拖拽物品，改变物品位置