jQuery和JavaScript和vue让子盒子滚动到父盒子的指定位置，包括设置scrollTop到指定位置的值为rem

在Vue中，你可以使用原生JavaScript的方法来滚动子盒子到父盒子的指定位置。以下是一个简单的例子：

<template>
  <div class="parent" ref="parent">
    <div class="child" ref="child">
      <!-- 内容 -->
    </div>
  </div>
</template>
 
<script>
export default {
  mounted() {
    this.$nextTick(() => {
      // 假设你要滚动到的位置是父盒子顶部向下100像素的位置
      const scrollTop = 100;
      this.$refs.child.scrollTop = scrollTop;
    });
  }
};
</script>
 
<style>
.parent {
  height: 300px; /* 父盒子固定高度 */
  overflow: auto; /* 开启滚动 */
}
.child {
  height: 600px; /* 子盒子高度超过父盒子 */
}
</style>

在这个例子中，我们使用了Vue的ref属性来引用父盒子和子盒子。在mounted生命周期钩子中，我们使用this.$nextTick确保DOM已经被渲染，然后直接设置this.$refs.child.scrollTop来滚动子盒子到指定位置。

请注意，如果子盒子内容不超过父盒子的高度，则设置scrollTop不会有任何效果。此外，如果你需要在父盒子滚动时保持子盒子的位置，你可能需要在滚动事件上监听并相应地设置scrollTop。