vue 監聽滾動條

1.在mounted鉤子函數創建一個滾動條方法

 mounted () {
     window.addEventListener('scroll', this.windowScroll)
 }

2.在methods方法裏使用

 methods:{
     windowScroll () {
    	//滾動條距離頁面頂部的距離
         let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop //原生兼容
         console.log(scrollTop) 
      }
  }

3.控制檯打印

4.離開當前頁面的時候需要銷燬這個監聽的事件，不然會報錯。

  destroyed () {
 	 window.removeEventListener('scroll', this.windowScroll)
  }