微信小程序,无法直接使用上拉手势定义自己的功能

我想写一个上拉进行删除的操作,非上拉加载。但是无法直接使用上拉手势定义自己的功能,最后发现是因为内容没有填满整个页面,即:内容没有触底,无法调动上拉事件。

解决办法是:将上拉事件绑定在组件上,或者使用view设置高度,填充完整个页面 。

  1. 在Page的onReachBottom()函数中定义上拉触发的动作,官方对onReachBottom()的定义是
监听用户上拉触底事件。
可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
在触发距离内滑动期间,本事件只会被触发一次。
  1. 在页面配置 json文件中加上
"enablePullDownRefresh":true
  1. 页面上拉触底事件触发时距页面底部距离,单位为px
onReachBottomDistance:50
  1. 如果页面内容没有触底,上拉手势依然无法触发onReachBottom事件。因此我用看不见的view填充剩余页面。
<!-- 占位便于触底 -->
<view class='blank'></view>
.blank{
  height: 500rpx; 
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值