小程序
小游戏
企业微信
微信支付
扫描小程序码分享
上拉刷新不好使，没有触发onReachBottom事件
9 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我的小程序中这样实现上拉的，主要有两点：
1，页面高度要设置大于100%，我的是105；
2，我的上拉是切换文章章节，所以添加了页面定位到顶部的逻辑。
page.wxml
<view class="page">
页面内容省略
</view>
page.wxss
page, .page{
height: 105%;
width: 100%;
}
page.js
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function (e) {
console.info("用户上拉动作")
你的处理逻辑
// 定位到顶部
wx.pageScrollTo({
scrollTop: 0,
duration: 300
})
},
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我遇到的问题，是给最外层的元素，加了这句话 overflow:auto；导致不触发或者十有八九不触发。 直接注释掉就好了。浪费我一天时间。郁闷郁闷
好了好了 不拿出来分享一下？
onReachBottom不是上拉触底吗，下拉刷新是onPullDownRefresh
有一种情况，页面展现的数据行数正好和分页大小一样，这个时候onReachBottom 没有办法触发。
这个是经验，部分客户手机不行，发现客户手机屏幕第一屏正好是第一页数据。
我也碰到这个问题，怎么解决的？
需要在json文件中添加一行代码，启动的。代码如下:
"enablePullDownRefresh": true,
下边还有个空的上拉方法
onReachBottom你写了2个
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我的小程序中这样实现上拉的，主要有两点：
1，页面高度要设置大于100%，我的是105；
2，我的上拉是切换文章章节，所以添加了页面定位到顶部的逻辑。
page.wxml
<view class="page">
页面内容省略
</view>
page.wxss
page, .page{
height: 105%;
width: 100%;
}
page.js
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function (e) {
console.info("用户上拉动作")
你的处理逻辑
// 定位到顶部
wx.pageScrollTo({
scrollTop: 0,
duration: 300
})
},
我遇到的问题，是给最外层的元素，加了这句话 overflow:auto；导致不触发或者十有八九不触发。 直接注释掉就好了。浪费我一天时间。郁闷郁闷
好了好了 不拿出来分享一下？
onReachBottom不是上拉触底吗，下拉刷新是onPullDownRefresh
有一种情况，页面展现的数据行数正好和分页大小一样，这个时候onReachBottom 没有办法触发。
这个是经验，部分客户手机不行，发现客户手机屏幕第一屏正好是第一页数据。
我也碰到这个问题，怎么解决的？
需要在json文件中添加一行代码，启动的。代码如下:
"enablePullDownRefresh": true,
下边还有个空的上拉方法
onReachBottom你写了2个