Vue useWindowScroll 获取窗口滚动条位置

Vue useWindowScroll 获取窗口滚动条位置

import { useWindowScroll } from '@vueuse/core'

const { x, y } = useWindowScroll()

如果你想获取某个元素的滚动条位置,请使用useScroll

<script setup lang="ts>
import { useScroll } from '@vueuse/core'

const el = ref<HTMLElement | null>(null)
const { x, y, isScrolling, arrivedState, directions } = useScroll(el)
</script>

<template>
  <div ref="el"></div>
</template>