vue页面滚动监听

 

　　mounted() {
        window.addEventListener('scroll', this.getScroll);
    },
    destroyed(){
        window.removeEventListener('scroll', this.getScroll);
    },
    methods: {
        //监听滚动
        getScroll(){
            this.indexNumTop = $("#index_num").offset().top;
            this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
              if (!!document.documentElement.scrollTop &&document.documentElement.scrollTop >= 300){            
                设置滚动大于300时的执行内容
            }
        }
　　}

说明：因为监听是针对window的，所以增加监听后每个页面都会监听，只对某个页面进行监听的话需要在destroyed中将监听移除

转载于:https://www.cnblogs.com/duanzhenzhen/p/11057361.html