testing bounce

resources/js/app.js

@@ -55,9 +55,12 @@ const countdownTimer = setInterval(() => {
 $(function() {
     var partLeftPos = 0;
     var partRightPos = 0;
+    var isScrolling = false;
+    var lastScrollTop = 0;
 
     function updatePositions() {
-        var distance = $(window).scrollTop() * 2;
+        var scrollTop = $(window).scrollTop();
+        var distance = scrollTop * 2;
         var left = partLeftPos - distance;
         var right = partRightPos - distance;
 
@@ -81,16 +84,38 @@ $(function() {
     // Initial positions update
     updatePositions();
 
-    // Listen to scroll events using requestAnimationFrame for smooth animation
-    var ticking = false;
-    $(window).scroll(function() {
-        if (!ticking) {
+    // Debounce function for scroll events
+    function debounce(func, delay) {
+        var timeout;
+        return function() {
+            var context = this;
+            var args = arguments;
+            var later = function() {
+                timeout = null;
+                func.apply(context, args);
+            };
+            clearTimeout(timeout);
+            timeout = setTimeout(later, delay);
+        };
+    }
+
+    // Update positions on scroll using requestAnimationFrame for smoother animation
+    function scrollHandler() {
+        if (!isScrolling) {
             window.requestAnimationFrame(function() {
                 updatePositions();
-                ticking = false;
+                isScrolling = false;
             });
         }
-        ticking = true;
+        isScrolling = true;
+    }
+
+    // Listen to scroll events and debounce them for better performance
+    $(window).scroll(debounce(scrollHandler, 20));
+
+    // Handle window resize to recalculate positions if needed
+    $(window).resize(function() {
+        updatePositions();
     });
 });