test

resources/css/app.css

 html {
     scroll-behavior: smooth;
 }
+body {
+    min-height: 100vh; /* Minimum height of the body */
+    overflow-y: scroll; /* Always show vertical scrollbar */
+}
 body.no-scroll {
     overflow: hidden;
 }

resources/js/app.js

 $(function() {
     var partLeftPos = 0;
     var partRightPos = 0;
-    var isScrolling = false;
-    var lastScrollTop = 0;
-
+    
+    // Function to update positions of .left and .right elements
     function updatePositions() {
-        var scrollTop = $(window).scrollTop();
-        var distance = scrollTop * 2;
+        var distance = $(window).scrollTop() * 2;
         var left = partLeftPos - distance;
         var right = partRightPos - distance;
-
+        
         $('.left').css('left', left + "px");
         $('.right').css('right', right + "px");
 
     // Initial positions update
     updatePositions();
 
-    // 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();
-                isScrolling = false;
-            });
-        }
-        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() {
+    // Update positions on scroll
+    $(window).scroll(function() {
         updatePositions();
     });
+
+    // Ensure scrollbar visibility
+    $('body').css({
+        'min-height': '100vh', // Set minimum height to viewport height
+        'overflow-y': 'scroll' // Always show vertical scrollbar
+    });
 });