最开始看到效果图,不错,第一想到的是用做的,添加浮动层,然后设置浮动层高度。其实不然,大牛是”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函数了。