頁面中有這麼一個需求，當頁面滾動到一定高度之後，頁面中的某些元素進行吸頂，固定到頂部位置，或者是滾動到一定程度進行更新資料的操作。
我相信不少網友查閱過類似的資料，網友給出的解決方案，很多都是在mounted中新增

window.addEventListener("scroll", this.handleScroll);

採用這種形式來實現頁面監聽滾動的效果。
筆者最初也是採用了這種方式，剛開始可以實現想要的效果，後來，莫名其妙的就不可用了，經過一番探討，使用監聽元件滾動的形式來解決這個問題，至於通過window來實現監聽為什麼突然就不可用了，筆者暫時還不清楚什麼原因造成的，有知道原因的歡迎留言。

// 通過$refs獲取dom元素
this.box = this.$refs.a
// 監聽這個dom的scroll事件
this.box.addEventListener('scroll', () => {
    this.handleScroll();
}, false)

上述程式碼為處理元件滾動監聽的主要程式碼內容。

handleScroll() {
    // 這是一個示例程式碼，打印出監聽滾動的元件滾動距離
    var scrollTop = this.$refs.a.scrollTop;
    console.log(scrollTop);
}

同樣的道理，如果想對a.vue元件內部的某一塊結點區域進行滾動監聽，也是採用這種方式。
注意點：
如果採用了上述方案沒有實現監聽滾動的效果，請檢查是否出現以下問題：
需要監聽滾動的元素結點是否給了height和overflow:scroll
需要監聽滾動的元素結點的父元素結點是否設定了高度
在vux中，如果你使用了view-box，你需要給view-box一個高度，因為view-box的父元素高度為100%，所以筆者採取的方案就是將view-box的高度也設定為100%。

<view-box ref="viewBox" style="height: 100%;">
    <router-view></router-view>
</view-box>

經檢測，此方案有效。