解决scrollLeft、scrollTop为0

最近遇到从外面点之后弹框，显示当前是第几组，并且滚动到当前位置的需求
遇到的问题：第一次获取可以获取的scrollWidth，第二次打开弹框就是0，并且设置scrollLeft也不起作用

解决办法：
延时获取dom元素，【可以把document换成this.$el】
需要nextTick

在这之前我们可以先检查一下 是不是当前dom元素可以滚动，如果输出的值有变化 那么dom元素就没有问题

window.addEventListener('scroll', () => {
  let matchContent = this.$el.querySelector('.match-name-option')
  console.log(matchContent.scrollLeft)
}, true)

public lastName () {
    if (this.activeIndex-- === 0) {
      this.activeIndex = 0;
    }
    this.$emit('index-change', this.activeIndex);
    this.scrollLeft();
  }

  public nextName () {
    if (this.activeIndex++ === this.relationGroupOptions.length - 1) {
      this.activeIndex = this.relationGroupOptions.length - 1;
    }
    this.$emit('index-change', this.activeIndex);
    this.scrollLeft();
  }

  private scrollLeft () {
    this.$nextTick(() => {
    setTimeout(() => {
      const matchContent = this.$el.querySelector('.match-name-option');
      if (matchContent) {
        matchContent.scrollLeft = (matchContent.scrollWidth / this.relationGroupOptions.length * this.activeIndex);
      }
     }, 10)
    });
  }

补充
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft