Enable and disable scrolling in touch devices as per user gesture

canopas · Oct 12, 2023 · 96861bf · 96861bf
1 parent 93b8c41
commit 96861bf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/vue-frontend/src/components/ios-app-development/CaseStudySection.vue b/vue-frontend/src/components/ios-app-development/CaseStudySection.vue
@@ -85,6 +85,7 @@
           :speed="700"
           :mousewheel="false"
           :modules="modules"
+          :allowTouchMove="false"
           class="swiper-container tw-h-screen"
           @swiper="setSwiperRef"
           @slideChange="onSlideChange"
@@ -314,9 +315,10 @@ export default {
       let scrollTop = window.scrollY;
       if (window.pageYOffset >= stickyTop) {
         this.swiperRef.mousewheel.enable();
-        console.log("enablemousewheel", this.swiperRef.mousewheel.enable());
+        this.swiperRef.allowTouchMove = true;
       } else {
-        console.log("disablemousewheel", this.swiperRef.mousewheel.disable());
+        this.swiperRef.mousewheel.disable();
+        this.swiperRef.allowTouchMove = false;
       }
       this.lastScrollY = scrollTop;
     },