useWindowScroll
响应式获取窗口的滚动位置。
Reactive window scroll
例子
查看屏幕右下角的滚动值。
See scroll values in the lower right corner of the screen.
See scroll values in the lower right corner of the screen.
滚动值
x: 0y: 0
Usage
js
import { useWindowScroll } from '@vueuse/core'
const { x, y } = useWindowScroll()
import { useWindowScroll } from '@vueuse/core'
const { x, y } = useWindowScroll()
Type Declarations
typescript
/**
* Reactive window scroll.
*
* @see https://vueuse.org/useWindowScroll
* @param options
*/
export declare function useWindowScroll({ window }?: ConfigurableWindow): {
x: Ref<number>
y: Ref<number>
}
export type UseWindowScrollReturn = ReturnType<typeof useWindowScroll>
/**
* Reactive window scroll.
*
* @see https://vueuse.org/useWindowScroll
* @param options
*/
export declare function useWindowScroll({ window }?: ConfigurableWindow): {
x: Ref<number>
y: Ref<number>
}
export type UseWindowScrollReturn = ReturnType<typeof useWindowScroll>