el-scrollbar怎么滚动到锚点？
el-scrollbar用的目的是为了好看，滚动条被隐藏掉了
但是现在有个问题是正因为用了它，不能滚动到锚点，window.scrollTo也不行
el-scrollbar必须设定高度，才可以使用scrollTop的。内容区就是固定高度了，很丑啊。
我要的是`<a href="#id">` 点击直接#id到达锚点的效果
<template>
  <div class="test">
```
<a href="javascript:void(0)" @click="AnchorLinkTo('id')">我是锚点</a>
<el-scrollbar ref="myScrollbar" style="height: 300px; width: 500px;">
  <div>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p ref="id">哈哈哈哈哈哈哈哈哈</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
    <p>sdfsdfsd</p>
  </div>
</el-scrollbar>
```
</div>
</template>
<script>
export default {
  name: 'test',
  data () {
```
return {}
```
},
  methods: {
```
AnchorLinkTo (ref) {
  this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['' + ref].offsetTop
}
```
}
}
</script>