feat(useScroll): support scrollend event (#2716)

vueuse · Feb 18, 2023 · f887255 · f887255
1 parent a7238d8
commit f887255
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/core/useScroll/index.ts b/packages/core/useScroll/index.ts
@@ -146,14 +146,19 @@ export function useScroll(
     bottom: false,
   })
 
-  const onScrollEnd = useDebounceFn((e: Event) => {
+  const onScrollEnd = (e: Event) => {
+    // dedupe if support native scrollend event
+    if (!isScrolling.value)
+      return
+
     isScrolling.value = false
     directions.left = false
     directions.right = false
     directions.top = false
     directions.bottom = false
     onStop(e)
-  }, throttle + idle)
+  }
+  const onScrollEndDebounced = useDebounceFn(onScrollEnd, throttle + idle)
 
   const onScrollHandler = (e: Event) => {
     const eventTarget = (
@@ -182,7 +187,7 @@ export function useScroll(
     internalY.value = scrollTop
 
     isScrolling.value = true
-    onScrollEnd(e)
+    onScrollEndDebounced(e)
     onScroll(e)
   }
 
@@ -193,6 +198,13 @@ export function useScroll(
     eventListenerOptions,
   )
 
+  useEventListener(
+    element,
+    'scrollend',
+    onScrollEnd,
+    eventListenerOptions,
+  )
+
   return {
     x,
     y,