vue如何获取滚动位置？

Question

<div class="header"></div>
<div class="chat" ref="main">
    .....
</div>
<div class="footer"></div>

scrollBottom:function(){
    console.log(this.$refs.main.scrollTop);
},

无论我怎么滚动，打印的值始终为0 这是怎么回事？

Answer 1

应该 滚动的元素并不是你取到的这个元素

Answer 2

用window上的方法进行监听

Answer 3

解决了，是兼容性问题，谷歌浏览器不支持这种方法，所以换了种
document.documentElement.scrollTop