父元素设置了定位和高，内容很多，出现了滚动条，如何实现点击可以返回父元素顶部

Question

问题遇到的现象和发生背景 因为是父元素，不是根元素，刚开始想用监控屏幕的方法，后来发现滚动条滚动时，距顶部的距离一直是零；

问题相关代码，请勿粘贴截图

created() { 
    // this.listData();
    this.allListProvice();
    // this.scrollToTop();
  },
  mounted() {
      window.addEventListener('scroll', this.handleScroll, true)
  },
  // destroyed() {
  //     window.removeEventListener('scroll', this.scrollToTop);
  // },  
  methods: {
    // vue中实时获取滚动条距上高度
    // scrollTop(){
    //   this.scroll = document.documentElement.scrollTop || document.body.scrollTop;
    //   console.log(this.scroll)
    // },
    handleScroll() {
      console.log('滚动高度', window.pageYOffset);
      console.log('当前页面高度', window.outerHeight);
    },

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果 点击最下边的按钮可以回到父元素最顶部

Answer 1

你要获取你要的元素的绝对高度，
然后直接scrollTo就好了。
jquery获取

获取页面某一元素的绝对X,Y坐标
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
获取相对(父元素)位置:
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;

js获取

document.getElementById('a').offsetTop