vue中监听页面滚动可以如此操作
<script>
export default {
mounted() {
window.addEventListener('scroll', this.getScroll);
},
destroyed(){
window.removeEventListener('scroll', this.getScroll);
},
methods: {
//监听滚动
getScroll(){
this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
if (!!document.documentElement.scrollTop &&document.documentElement.scrollTop >= 某个值){
// 执行某些语句
} else {
// 执行某些语句
}
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21