uni-app如何判断页面上下滑动

分类：uni-app

移动APP

怎么监听页面上下滑动有对应组件吗

2019-03-11 18:07 负责人:无分享

4 个回复

Uniapper开发者 - https://www.uniapper.com/（uni-app学习交流）

onReachBottom可以监听页面滚动到底部的状态，与onload生命周期同级
onReachBottom: function() {
console.log('页面已经到达底部');
//this.loadingType = 1;
//this.getdata();

},

详见：uniapp用onReachBottom监听页面滚动用法
https://www.uniapp.club

s***@163.com (作者)

不需要监听到底部我需要取结束滑动的值还有开始滑动的值我应该怎么取

2019-03-11 18:32
Uniapper开发者

回复 s***@163.com:onPageScroll监听页面滚动，参数为Object

onPageScroll 参数说明：

属性类型说明

scrollTop Number 页面在垂直方向已滚动的距离（单位px）

2019-03-11 19:05
Uniapper开发者

onPageScroll(e){
```
        console.log(e)  

    },
```
2019-03-11 19:10
s***@163.com (作者)

回复 Uniapper开发者:谢谢

2019-03-12 11:16

rudy_24

这里只是滚动的距离吧，没有告知如何判断上下滚动的方向

[已删除]

存储上一次滚动距离值，判断一下就好了

onPageScroll(e) {  

    let that = this;  

    if(that.scroll > e.scrollTop){  

        console.log("向上滚动");  

    }else{  

        console.log("向下滚动");  

    }  

    that.scroll = e.scrollTop;  

}

2019-09-14 12:28