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中将监听移除