el-scrollbar滚动条偏移量改变

handleScroll(e) {

      const eventDelta = e.wheelDelta || -e.deltaY * 40;

      const $scrollWrapper = this.scrollWrapper;

      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4;

    },

    emitScroll() {

      this.$emit("scroll");

    },

    moveToTarget(currentTag) {

      // 滚动条偏移量

      const $container = this.$refs.scrollContainer.$el;

      const $containerWidth = $container.offsetWidth;

      const $scrollWrapper = this.scrollWrapper;

      const tagList = this.$parent.$refs.ggTagname;

      let firstTag = null;

      let lastTag = null;

      // find first tag and last tag

      if (tagList.length > 0) {

        firstTag = tagList[0];//第一个tag

        lastTag = tagList[tagList.length - 1];//最后一个tag

      }

      if (firstTag.innerText === currentTag.text) {

        $scrollWrapper.scrollLeft = 0;

      } else if (lastTag.innerText === currentTag.text) {

        $scrollWrapper.scrollLeft =

          $scrollWrapper.scrollWidth - $containerWidth;

      } else {

        // find preTag and nextTag

        const currentIndex = tagList.findIndex(

          (item) => item.innerText === currentTag.text

        );

        const prevTag = tagList[currentIndex - 1];

        const nextTag = tagList[currentIndex + 1];

        // the tag's offsetLeft after of nextTag

        const afterNextTagOffsetLeft =

          nextTag.offsetLeft + nextTag.offsetWidth + tagAndTagSpacing;

        // the tag's offsetLeft before of prevTag

        const beforePrevTagOffsetLeft = prevTag.offsetLeft - tagAndTagSpacing;

        if (

          afterNextTagOffsetLeft >

          $scrollWrapper.scrollLeft + $containerWidth

        ) {

          $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth;

        } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {

          $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft;

        }

      }

    },