el-scrollbar怎么滚动到锚点？

<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>

<script>
export default {
name: 'test',
data () {

return {}
},
methods: {

AnchorLinkTo (ref) {
  this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['' + ref].offsetTop
}
}
}
</script>

注意：本文归作者所有，未经作者允许，不得转载