code: function computeStrip(scrollSize, clientSize) {
        // const container = this.$refs.stripContainer // 滚动条的容器
        var currentSize = this.$refs.stripContainer[this.config.client];
        /**
         * 滚动条长度。
         *
         * clientSize / scrollSize 是表示视图范围与用户内容元素的比例
         * 用此比例来决定 滚动条的长度 滚动条容器 * 比例 = 滚动条长度
         * 但是当用户内容元素无限大的时候，可能会导致滚动条无限小，所以会设置最小长度
         */
        this.length = currentSize * (clientSize / scrollSize);
        var minLength = this.horizontal ? this.minLengthH : this.minLengthV;
        if (minLength < 1) {
          // 按百分比处理
          minLength = currentSize * minLength;
        }
        // 判断是否滚动条长度是否已经小于了设置的最小长度
        this.length = this.length < minLength ? minLength : this.length;
        // 滚动条容器 - 滚动条长度 = 剩余的空间
        var space = this.maxOffset = currentSize - this.length;
        /**
         * 这里计算一个比例
         * 已高度举例子:
         * 使用 剩余空间 除以 (用户内容元素的高度 - 视图区域的高度)
         * 可以把 视图区域的高度 比作 滚动条的长度 用户内容元素的高度 比作 滚动条容器的高度
         * 所以使用两者剩余空间的比例，来计算 当滚动条滑动1px的时候 用户内容元素应该滑动多少 px，当用户内容元素移动时 来计算 滚动条应该移动多少px
         */
        this.percentage = space / (scrollSize - clientSize);
      }
docs: scrollSize 如果是竖向滚动条，则为 用户内容元素的 scrollHeight, 横向的则作为 用户内容元素的 scrollWidth
  clientSize 可视区域的 clientHeight clientWidth. 横竖的原理同scrollSize