Vue.js：如何更新元素的位置

Question

我想在滚动时移动元素，以便该元素始终在屏幕中。 但是职位没有更新。

我正在做什么。

<v-card class="item" :style="{ top: distance }">
</v-card>
...
data() {
  return {
    distance: 0,
  }
}
methods: {
  handleScroll() {
    this.distance = window.scrollY
    },
  },
  created() {
    window.addEventListener('scroll', this.handleScroll)
  },
  destroyed() {
    window.removeEventListener('scroll', this.handleScroll)
  },
}

...

.item {
  position: absolute;
}

我该怎么办？

Answer 1

您的元素应具有绝对位置，并按@Nikos所述添加单位：

offset =  Input.mousePosition - eventData.selectedObject.transform.position;