this way update is called twice: once via the scroll event and anothe…

…r time via animation()

js/scrolling.js

@@ -1,8 +1,8 @@
 //put the update in an animation frame loop
-document.addEventListener('scroll', (e) => {
-    e.preventDefault()
-    update()
-})
+// document.addEventListener('scroll', (e) => {
+//     e.preventDefault()
+//     update()
+// })
 let lastScrollY = null;
 let visibleCursors = [];
 function updateCursor(currentSession,currentProgress) {
@@ -14,7 +14,6 @@ function updateCursor(currentSession,currentProgress) {
         (currentProgress * currentSession.height) - //add the progress of the current session
         (currentProgress * (currentSession.index == 0 ? window.innerHeight/2: window.innerHeight)) - //subtract the progress of the window
         (cursorDimensions.height / 2) //subtract half the height of the cursor
-
         cursor.attr('style', `top:${cursorPosition}px;`)
         return updateLinks(currentSession,currentProgress,cursorDimensions)
     }

style.css

@@ -153,6 +153,7 @@ p {
     padding: 1em 1.5em;
     pointer-events: all;
     z-index: 1;
+    will-change: top;
 }
 .cursor--shadow {
     visibility:  hidden;