JavaScript-用js在手机浏览器上实现内容上下滚动

Question

在手机上访问网站，实现手势上下滑动，内容页能够平滑的滚动，要让用户感觉不到是js控制的

Answer 1

手机端都支持触屏事件，有touchstart,touchmove,touchend, 类似于pc版的鼠标拖动元素，原理是差不多的。
document.ontouchstart = function(e){
var touch = e.touches[0];
y = touch.clientY;
}
document.ontouchmove=function(e){
this.element.style.webkitTransitionDuration="200ms";
this.element.style.webkitTransform='translate3d(0, '+(y-e.touches[0].clientY)+'px, 0)';
}
document.ontouchend=function(e){
}
大概就是这个套路。