VUE監聽滾動事件

前言

今天想作一個效果，當頁面滾動到必定距離的時候，圖標出現。可是發現用window.addEventListener('scroll',event)居然不生效，網上搜索了很久也沒解決。 到各類嘗試以後發現這個方法有效，可是仍是不清楚緣由是什麼，哎呦腦瓜子疼~

解決

直接上代碼

mounted() {
        this.box = this.$refs.surveyMainRef  
        this.box.addEventListener('scroll', this.handleScroll)
    },
    destroyed() {
        window.removeEventListener('scroll', this.handleScroll)
    },
    methods: {
        handleScroll() {
            var scrollTop = this.box.pageYOffset || this.box.scrollTop || 0
            console.log(scrollTop, 'scrollTop')
            if (scrollTop > 300) {
                this.isShowToTop = true
            } else {
                this.isShowToTop = false
            }
        },
    }
複製代碼

哪一個滾動就監聽哪一個元素的滾動事件， 在瀏覽器上能夠看到有效果