vue监听当前页面滚动高度

data(){return{scroll:''}},mounted:{window.addEventListener('scroll',this.handleScroll)},method(){handleScroll(){this.scroll = document.documentElement.scr...

chaosama

10415人浏览 · 2020-02-24 11:58:18

chaosama · 2020-02-24 11:58:18 发布

data(){
    return{
        scroll:''
    }
},
mounted(){
    window.addEventListener('scroll',this.handleScroll)
},
methods:{
    handleScroll(){
        //或者使用document.querySelector('.class或者#id').scrollTop
        this.scroll = document.documentElement.scrollTop||document.body.scrollTop
        console.log(this.scroll)
    }
},
//销毁,否则跳到别的路由还是会出现
destroyed(){
    window.removeEventListener('scroll',this.handleScroll)
}