如何在vue组件中获取窗口滚动中固定元素的滚动高度？

<template>
  <div>
    <!-- 在这里使用固定元素的滚动高度 -->
    <p>固定元素的滚动高度：{{ fixedElementScrollHeight }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fixedElementScrollHeight: 0, // 初始化滚动高度为0
    };
  },
  mounted() {
    const fixedElement = document.querySelector('.fixed-element'); // 替换为实际的固定元素选择器
    window.addEventListener('scroll', () => {
      this.fixedElementScrollHeight = fixedElement.scrollTop;
    });
  },
};
</script>