antd获取弹框内容高度加滚动条效果

我弹框是一个组件 监听是否显示（为true） 

watch: {

    visible(oldValue, newValue) {

      if (oldValue == true) {

        setTimeout(() => {

          document.getElementById('wrap').addEventListener('scroll', this.scrollTop, true)

        }, 2000)

      }

    },

  },

在model内加 div 定义一个id=“wrap”  获取滚动条高度 this.scroll = document.getElementById('wrap').scrollTop

修改滚动条样式 默认的样式不好看

deep/#wrap {

    &::-webkit-scrollbar {

      //整体样式

      height: 10px;

      width: 6px;

    }

    &::-webkit-scrollbar-thumb {

      //滑动滑块条样式

      border-radius: 50px;

      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

      // background: #00aaff;

      // background: #d6e9fa;

    }

    &::-webkit-scrollbar-track {

      //轨道的样式

      -webkit-box-shadow: 0;

      border-radius: 0;

      background: #f6f8ff;

    }

  }