feat: accelerate scrollTo speed

Tencent · Oct 13, 2022 · 9336098 · 9336098
1 parent 346ae64
commit 9336098
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/component/recycleScroller/recycleScroller.svelte b/src/component/recycleScroller/recycleScroller.svelte
@@ -226,7 +226,7 @@
     if (avoidRefresh) {
       avoidRefresh = false;
     } else {
-      await new Promise(resolve => setTimeout(resolve, 0))
+      await new Promise((resolve) => setTimeout(resolve, 0));
 
       refresh(items, pos, viewportHeight, false);
     }
@@ -467,10 +467,21 @@
   const touchTracker = new TouchTracker(scrollHandler);
 
   export const handler = {
-    scrollTo: (index: number, duration?: number) => {
+    scrollTo: (index: number) => {
       const itemPos = topMap[Math.max(0, Math.min(items.length - 1, index))];
       const scrollPos = Math.min(getScrollExtent(), itemPos);
 
+      const maxDuration = 500;
+      const minPixelsPerSecond = 2000;
+
+      const duration = Math.min(
+        Math.floor(
+          (maxDuration * Math.abs(scrollHandler.getPosition() - scrollPos)) /
+            minPixelsPerSecond
+        ),
+        maxDuration
+      );
+
       scrollHandler.scrollTo(scrollPos, duration);
     },
   };

diff --git a/src/log/log.svelte b/src/log/log.svelte
@@ -52,11 +52,11 @@
   };
 
   export const scrollToTop = () => {
-    scrollerHandler.scrollTo(0, 500);
+    scrollerHandler.scrollTo(0);
   };
 
   export const scrollToBottom = () => {
-    scrollerHandler.scrollTo(logList.length - 1, 500);
+    scrollerHandler.scrollTo(logList.length - 1);
   };
 
   export const options: IVConsoleTabOptions = {