forked from vueuse/vueuse
/
index.ts
39 lines (34 loc) · 817 Bytes
/
index.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import { ref } from 'vue-demi'
import { useEventListener } from '../useEventListener'
import type { ConfigurableWindow } from '../_configurable'
import { defaultWindow } from '../_configurable'
/**
* Reactive window scroll.
*
* @see https://vueuse.org/useWindowScroll
* @param options
*/
export function useWindowScroll({ window = defaultWindow }: ConfigurableWindow = {}) {
if (!window) {
return {
x: ref(0),
y: ref(0),
}
}
const x = ref(window.pageXOffset)
const y = ref(window.pageYOffset)
useEventListener(
window,
'scroll',
() => {
x.value = window.pageXOffset
y.value = window.pageYOffset
},
{
capture: false,
passive: true,
},
)
return { x, y }
}
export type UseWindowScrollReturn = ReturnType<typeof useWindowScroll>