Skip to content

useWindowScroll

反应式窗口滚动

¥Reactive window scroll

示例

See scroll values in the lower right corner of the screen.
Scroll value
x: 0
y: 0

用法

¥Usage

vue
<script setup lang="ts">
import { 
useWindowScroll
} from '@vueuse/core'
const {
x
,
y
} =
useWindowScroll
()
</script> <template> <
div
>
read current x, y scroll: {{
x
}}, {{
y
}}
</
div
>
<
button
@
click
="
x
= 100">
scroll X to 100 </
button
>
<
button
@
click
="
y
= 100">
scroll Y to 100 </
button
>
</template>