带滚动的真实鼠标坐标

Question

如何获得真正的鼠标位置协调？ 如果我使用移动设备并使用水平滚动，我的X坐标总是从移动浏览器的左侧开始... 这是一个例子 JSFIDLE

document.getElementById('ass').onmousemove = function(e) {
var h = this.offsetWidth;
var prop = $("#ass").prop('naturalWidth')/h;
var x = prop*e.pageX  -$(window).scrollLeft();
var y = prop*e.pageY;
$("#coor").text(x+' - '+y);
}

正如你在这张图片上看到的那样如果我不使用滚动，我会得到一个真实的坐标 但是，如果我使用滚动，我得到一个NOT REAL坐标..我从窗口的边界得到一个坐标