js实现pc端页面的手势滑动

js实现pc端页面的手势滑动，支持上下和 左右滑动

id 传入产生滚动条的 dom ；

function CreatDrag(id) {

    var oBox = document.getElementById(id);

    oBox.onmousedown = function(ev) {

        var ev = ev || event;

        var Y = ev.clientY;

        var X = ev.clientX;

        var ToTop  = document.getElementById(id).scrollTop;

        var Toleft = document.getElementById(id).scrollLeft;

        oBox.onmousemove = function(ev) {

            ev = ev || event;

            var subY = ev.clientY - Y;

            var subX = ev.clientX - X ;

            Y = ev.clientY;

            X = ev.clientX;

            ToTop -= (subY);

            Toleft -= (subX);

            document.getElementById(id).scrollTop  = ToTop;

            document.getElementById(id).scrollLeft =Toleft;

        }

        document.onmouseup = function() {

            oBox.onmousemove = function() {

                null;

            }

        }

    }

}