Fix the pointer getting offset by scrolling

xray.js

@@ -87,14 +87,14 @@ document.addEventListener("DOMContentLoaded", e => {
     const overlay = document.querySelector("#overlay");
     
     document.addEventListener("mousedown", e => {
-        let x = e.pageX - overlay.getBoundingClientRect().x;
-        let y = e.pageY - overlay.getBoundingClientRect().y;
+        let x = e.clientX - overlay.getBoundingClientRect().x;
+        let y = e.clientY - overlay.getBoundingClientRect().y;
         updateOverlay([[x,y]], e.buttons % 2 != 0);
     });
     
     document.addEventListener("mousemove", e => {
-        let x = e.pageX - overlay.getBoundingClientRect().x;
-        let y = e.pageY - overlay.getBoundingClientRect().y;
+        let x = e.clientX - overlay.getBoundingClientRect().x;
+        let y = e.clientY - overlay.getBoundingClientRect().y;
         updateOverlay([[x,y]], e.buttons % 2 != 0);
     });
 
@@ -105,8 +105,8 @@ document.addEventListener("DOMContentLoaded", e => {
         let touches = [];
         
         for (let i=0; i < e.touches.length; i++) {
-            let x = e.touches[i].pageX - offsetX;
-            let y = e.touches[i].pageY - offsetY;
+            let x = e.touches[i].clientX - offsetX;
+            let y = e.touches[i].clientY - offsetY;
             touches.push([x,y]);
         }
         updateOverlay(touches, true);
@@ -119,8 +119,8 @@ document.addEventListener("DOMContentLoaded", e => {
         let touches = [];
         
         for (let i=0; i < e.touches.length; i++) {
-            let x = e.touches[i].pageX - offsetX;
-            let y = e.touches[i].pageY - offsetY;
+            let x = e.touches[i].clientX - offsetX;
+            let y = e.touches[i].clientY - offsetY;
             touches.push([x,y]);
         }
         updateOverlay(touches, true);