实现jQuery/JavaScript滚动的替代方案

我试图通过使用jQuery/JavaScript设置CSS3属性来实现div元素的拖动滚动功能。我提出了操纵以下css样式参数的可能性，我想知道应该使用哪一个。按以下方式设置属性有什么区别

• obj.style.transform='translate（x，y）'

• obj.style.top=x；obj.style.left=y

• obj.scrollTop=x；obj.scrollLeft=y

我一点也不关心传统的web浏览器。请假设我只使用最新的浏览器。兼容性不是问题。

请使用此选项：

obj.style.webkitTransform = 'translate3d(x, y, 0)'

因此，您将使用GPU加速，您的滚动将足够平滑。 Transform prop为所有现代浏览器提供了特殊的供应商前缀。 要更改此道具，请使用requestAnimationFrame或css3动画以获得最佳fps。

您是否有一些示例（网站、Plunk、JSFIDLE等）来说明您要实现的目标？我不确定这种行为会是什么样子。