load more on touch move

rommapp · Feb 24, 2025 · ea4746f · ea4746f
1 parent fd05737
commit ea4746f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/frontend/src/views/Gallery/Collection.vue b/frontend/src/views/Gallery/Collection.vue
@@ -246,6 +246,7 @@ onMounted(async () => {
 
         window.addEventListener("wheel", onScroll);
         window.addEventListener("scroll", onScroll);
+        window.addEventListener("touchmove", onScroll);
       }
     },
     { immediate: true }, // Ensure watcher is triggered immediately
@@ -277,6 +278,7 @@ onMounted(async () => {
 
         window.addEventListener("wheel", onScroll);
         window.addEventListener("scroll", onScroll);
+        window.addEventListener("touchmove", onScroll);
       }
     },
     { immediate: true }, // Ensure watcher is triggered immediately
@@ -344,6 +346,7 @@ onBeforeRouteUpdate(async (to, from) => {
 onBeforeUnmount(() => {
   window.removeEventListener("wheel", onScroll);
   window.removeEventListener("scroll", onScroll);
+  window.removeEventListener("touchmove", onScroll);
 });
 </script>
 

diff --git a/frontend/src/views/Gallery/Platform.vue b/frontend/src/views/Gallery/Platform.vue
@@ -179,6 +179,8 @@ function onGameTouchEnd() {
 
 function onScroll() {
   if (galleryViewStore.currentView != 2) {
+    clearTimeout(timeout);
+
     window.setTimeout(async () => {
       const { scrollTop, scrollHeight, clientHeight } =
         document.documentElement;
@@ -252,6 +254,7 @@ onMounted(async () => {
 
           window.addEventListener("wheel", onScroll);
           window.addEventListener("scroll", onScroll);
+          window.addEventListener("touchmove", onScroll);
         } else {
           noPlatformError.value = true;
         }
@@ -298,6 +301,7 @@ onBeforeRouteUpdate(async (to, from) => {
 onBeforeUnmount(() => {
   window.removeEventListener("wheel", onScroll);
   window.removeEventListener("scroll", onScroll);
+  window.removeEventListener("touchmove", onScroll);
 });
 </script>
 

diff --git a/frontend/src/views/Gallery/Search.vue b/frontend/src/views/Gallery/Search.vue
@@ -174,11 +174,13 @@ onMounted(async () => {
   resetGallery();
   window.addEventListener("wheel", onScroll);
   window.addEventListener("scroll", onScroll);
+  window.addEventListener("touchmove", onScroll);
 });
 
 onBeforeUnmount(() => {
   window.removeEventListener("wheel", onScroll);
   window.removeEventListener("scroll", onScroll);
+  window.removeEventListener("touchmove", onScroll);
   searchText.value = "";
 });
 </script>