vue获取ref的scrollTop属性值为何是undefined?

<div ref="refData">
    <div style="height:600px;overflow:auto">
        ....这是一片滚动区域
    </div>
</div>

console.log(this.$efs.refData.scrolltop)   //undefined

这是因为scrolltop只对滚动元素生效，当前滚动元素不是refData，而是设置了overflow:auto的元素