vue如何通过滚动条滚动来获取滚动的距离

vue如何通过滚动条滚动来获取滚动的距离

	let element = document.getElementsByClassName('el-popper')[0]  //根据类名来获取该节点
    window.addEventListener('scroll', () => {
     
          let scrollTop = document.body.scrollTop //获取当前滚动条距离顶部的距离
          console.log(scrollTop )

		  // 如果滚动条距离顶部大于500，element这个节点就隐藏，否则就展示
          if (scrollTop > 500) {
     
            element.style.display = 'none'
          } else {
     
           	element.style.display = 'block'
         	 	}
	 })