js判断页面滚动方向
开发中有很多根据滚动来判断的逻辑,这时候最重要的一个步骤就是先判断滚动方向,然后才能进行后续逻辑我把自己最近项目中用到的代码放在下面(项目用的vue),各位酌情修改data() {return {initTop: 0}}methodds:{scrollEvent() {// 判断滚动方向let scrollTop = this.$refs["room"].wrap.scrollTop;let sc
·
开发中有很多根据滚动来判断的逻辑,这时候最重要的一个步骤就是先判断滚动方向,然后才能进行后续逻辑
我把自己最近项目中用到的代码放在下面(项目用的vue),各位酌情修改
data() {
return {
initTop: 0
}
}
methodds:{
scrollEvent() {
// 判断滚动方向
let scrollTop = this.$refs["room"].wrap.scrollTop;
let scroll = scrollTop - this.initTop;
this.initTop = scrollTop;
let dir = "down";
dir = scroll <= 0 ? "up" : "down";
if (dir === "up") {
//向上滚动
} else {
// 向下滚动
if (scrollTop > 20) {
// 判断滚动距离大于20px
}
}
},
}
更多推荐
已为社区贡献2条内容
所有评论(0)