1.各浏览器获取滚动位置的方法:
-
Chrome：document.body.scrollTop(scrollLeft)
-
IE6/7/8：document.documentElement.scrollTop(scrollLeft)
-
IE9及以上和Firefox：window.pageYOffset(pageXOffset)或者document.documentElement.scrollTop(scrollLeft)
-
safari： window.pageYOffset(pageXOffset)或者document.body.scrollTop(scrollLeft)；
顺便一记：（获取鼠标的所在坐标）
-
X=event.pageX || event.clientX + document.body.scrollLeft +document.documentElement.scrollLeft) - canvas.offsetLeft;
-
Y= (event.pageY || event.clientY + document.body.scrollTop +document.documentElement.scrollTop) - canvas.offsetTop;
2.基于以上所提到的，触摸事件获取坐标也同理
-
var touchEvnet = event.changedTouches[0];
-
X = (touchEvent.pageX || touchEvent.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft );
-
Y= (touchEvent.pageY || touchEvent.clientY + document.body.scrollTop + document.documentElement.scrollTop );