fix(useMouse): record the previous scroll value (#4244)

Co-authored-by: Anthony Fu <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

packages/core/useMouse/index.ts

@@ -80,6 +80,8 @@ export function useMouse(options: UseMouseOptions = {}) {
   } = options
 
   let _prevMouseEvent: MouseEvent | null = null
+  let _prevScrollX = 0
+  let _prevScrollY = 0
 
   const x = ref(initialValue.x)
   const y = ref(initialValue.y)
@@ -97,6 +99,11 @@ export function useMouse(options: UseMouseOptions = {}) {
       [x.value, y.value] = result
       sourceType.value = 'mouse'
     }
+
+    if (window) {
+      _prevScrollX = window.scrollX
+      _prevScrollY = window.screenY
+    }
   }
 
   const touchHandler = (event: TouchEvent) => {
@@ -115,8 +122,8 @@ export function useMouse(options: UseMouseOptions = {}) {
     const pos = extractor(_prevMouseEvent)
 
     if (_prevMouseEvent instanceof MouseEvent && pos) {
-      x.value = pos[0] + window.scrollX
-      y.value = pos[1] + window.scrollY
+      x.value = pos[0] + window.scrollX - _prevScrollX
+      y.value = pos[1] + window.scrollY - _prevScrollY
     }
   }