From d963675572148f6529224aab8a056dd6b4daf99b Mon Sep 17 00:00:00 2001
From: lmhcoding <13265878974@163.com>
Date: Sat, 19 Sep 2020 16:14:16 +0800
Subject: [PATCH] feat(useScrollRef): add useScrollRef

---
 src/index.ts        |  1 +
 src/useScrollRef.ts | 15 +++++++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 src/useScrollRef.ts

diff --git a/src/index.ts b/src/index.ts
index 89c5161..fdae9f1 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,2 +1,3 @@
 export * from './useTitle'
 export * from './useEvent'
+export * from './useScrollRef'
diff --git a/src/useScrollRef.ts b/src/useScrollRef.ts
new file mode 100644
index 0000000..6afe0f4
--- /dev/null
+++ b/src/useScrollRef.ts
@@ -0,0 +1,15 @@
+import { ref, Ref } from 'vue'
+import { useScroll, ScrollState } from './useScroll'
+
+interface IScrollState extends ScrollState {
+  target: Ref<Element>
+}
+
+export function useScrollRef(): IScrollState {
+  const target: Ref<Element> = (ref(null) as unknown) as Ref<Element>
+  const state = useScroll(target)
+  return {
+    target,
+    ...state
+  }
+}