vue3获取节点滚动位置

在Vue 3中，你可以使用`ref`和`on`来获取节点的滚动位置。下面是一个简单的示例：

<template>
  <div ref="scrollContainer" style="overflow: scroll; height: 300px;" @scroll="handleScroll">
    <!-- 你的内容 -->
  </div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const scrollContainer = ref(null);

    const handleScroll = () => {
      const scrollTop = scrollContainer.value.scrollTop;
      console.log('滚动位置:', scrollTop);
    };

    onMounted(() => {
      scrollContainer.value.addEventListener('scroll', handleScroll);
    });

    return {
      scrollContainer,
      handleScroll
    };
  }
}
</script>

上面的代码中，我们使用`ref`创建了一个名为`scrollContainer`的引用，然后将其绑定到`<div>`元素的`ref`属性上。在`handleScroll`函数中，我们可以通过`scrollContainer.value.scrollTop`来获取滚动位置。然后，在`onMounted`钩子中，我们添加了一个事件监听器来监听滚动事件，并在滚动时调用`handleScroll`函数。

请注意，我们需要使用`.value`来访问引用的实际值。

希望这能帮助到你！如果有任何问题，请随时问我。