From f0b9280729cff48e47541dc1cce32eaf8b51a17c Mon Sep 17 00:00:00 2001
From: Guillaume Joffre <guillaume.joffre12@gmail.com>
Date: Wed, 31 Aug 2022 15:32:52 +0200
Subject: [PATCH] curseur update on scroll

---
 assets/fonts/cursor.php | 60 ++++++++++++++++++++++++++++++-----------
 1 file changed, 44 insertions(+), 16 deletions(-)

diff --git a/assets/fonts/cursor.php b/assets/fonts/cursor.php
index 3b1c14d..6ca494b 100644
--- a/assets/fonts/cursor.php
+++ b/assets/fonts/cursor.php
@@ -1,23 +1,51 @@
 <script type="text/javascript">
-    document.onmousemove = suitsouris;
-    function suitsouris(evenement)
-    {
-            if(navigator.appName=="Microsoft Internet Explorer")
-            {
-                    var x = event.x+document.body.scrollLeft;
-                    var y = event.y+document.body.scrollTop;
-            }
-            else
-            {
-                    var x =  evenement.pageX;
-                    var y =  evenement.pageY;
-            }
-            document.getElementById("image_suit_souris").style.left = (x+1/*+1-43*/)+'px';
-            document.getElementById("image_suit_souris").style.top  = (y+1/*-17*/)+'px';
-    }
+
+    /** les variables x/y MousePos contiennent les coordonnés de la souris */
+    var xMousePos = 0;
+    var yMousePos = 0;
+
+    /** stockent des informations sur le dernier scroll (pour update le positionnement de la souris) */
+    var lastScrolledLeft = 0;
+    var lastScrolledTop = 0;
+
+    addEventListener("mousemove", (ev) => {
+
+        if(navigator.appName=="Microsoft Internet Explorer") {
+            xMousePos = event.x+document.body.scrollLeft;
+            yMousePos = event.y+document.body.scrollTop;
+        } else {
+            xMousePos =  ev.pageX;
+            yMousePos =  ev.pageY;
+        }
+
+        document.getElementById("image_suit_souris").style.left = (xMousePos+1/*+1-43*/)+'px';
+        document.getElementById("image_suit_souris").style.top  = (yMousePos+1/*-17*/)+'px';
+    })
+
+    addEventListener("scroll", (ev) => {
+        if(lastScrolledLeft !== document.scrollingElement.scrollLeft){
+            xMousePos -= lastScrolledLeft;
+            lastScrolledLeft = document.scrollingElement.scrollLeft;
+            xMousePos += lastScrolledLeft;
+        }
+        if(lastScrolledTop !== document.scrollingElement.scrollTop){
+            yMousePos -= lastScrolledTop;
+            lastScrolledTop = document.scrollingElement.scrollTop;
+            yMousePos += lastScrolledTop;
+        }
+
+        document.getElementById("image_suit_souris").style.left = (xMousePos+1/*+1-43*/)+'px';
+        document.getElementById("image_suit_souris").style.top  = (yMousePos+1/*-17*/)+'px';
+    })
+
 </script>
 
 <style>
+
+body {
+    overflow-x: hidden;
+}
+
 .cursor {
     position: absolute;
     display: block;