分享者:xiaochun365,来自原文地址
一:上拉下拉不会隔断
最开始看到效果图,不错,第一想到的是用做的,添加浮动层,然后设置浮动层高度。其实不然,大牛是”enablePullDownRefresh”: “true”后,在页面添加遮掩层,并跟随底部滑动即可。(感觉自己IQ该充值了)
上代码
news.wxml
<view class="top">下拉刷新</view>
<view>
<!--页面正文-->
</view>
news.wcss
.top {
width: 100%;
height: 600rpx;
position: fixed;
top: 0;
background-color: red;
z-index: -100000;
}
二:"enablePullDownRefresh" 下拉刷新无效
“enablePullDownRefresh”: “true” 在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。 需要在 config 的window选项中开启 enablePullDownRefresh。 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
这个问题困惑了挺长时间,在群里提问也没能找打答案。
在小程序130400版本之前,所有代码无论是真机上还是模拟器上都测试没有问题。
但自从小程序更新了130400版本后,在模拟器上测试没有问题,但一到苹果真机上下拉刷新就没有效果了。
但是看别人发布的小程序怎么又可以呢(脸好疼)
变量值”true”,这是个字符串而不是Boolean类型的变量。设置成字符串在模拟器中可以触发onPullDownRefresh函数,但是在真机中却无法触发刷新函数。将字符串 “true”更改为Boolean类型的true后,无论是在真机还是在模拟器中都可以正确的触发onPullDownRefresh函数了。