VUE正确使用JS获取scroll的高度

vue中scroll的高度问题解决

很多人写的并不全面，给出的只有简单的一两句写法，导致萌新和小白频频报错解决不了。
贴上多数文章的写法：

console.log('距离顶部高度', this.$refs.scroll1.offsetTop)
console.log('距离顶部高度', this.$refs.scroll1.getBoundingClientRect().top)

这样的写法是没问题的。但是这个**this.$refs.scroll1\ast \ast 指的是哪个元素，没有说明。还有这句\ast \ast console.log{(}^{\prime }距离顶部高{度}^{\prime },this.$refs.scroll1.offsetTop)**获取应该放在哪里不会报错，也没说明。

1. this.$refs.scroll1 ==》尽量放在组件外层的div上，可以迅速获取渲染模块位置。
2. console.log(‘距离顶部高度’, this.$refs.scroll1.offsetTop) ==》这句尽量放在mounted。总之别放在created中。

以上即可解决相关报错this.$refs.scroll1 is not a function 或者offsetTop undefind