小程序模板网

微信小程序下拉下拉不隔断, "enablePullDownRefresh" 下拉刷新无效 ...

2018-04-18 大庾岭

分享者:xiaochun365,来自原文地址

 

一:上拉下拉不会隔断

最开始看到效果图,不错,第一想到的是用做的,添加浮动层,然后设置浮动层高度。其实不然,大牛是”enablePullDownRefresh”: “true”后,在页面添加遮掩层,并跟随底部滑动即可。(感觉自己IQ该充值了)

上代码

news.wxml

 

				
  1. <view class="top">下拉刷新</view>
  2. <view>
  3. <!--页面正文-->
  4. </view>

news.wcss

 

				
  1. .top {
  2. width: 100%;
  3. height: 600rpx;
  4. position: fixed;
  5. top: 0;
  6. background-color: red;
  7. z-index: -100000;
  8. }
 

二:"enablePullDownRefresh" 下拉刷新无效

“enablePullDownRefresh”: “true”  在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。  需要在 config 的window选项中开启 enablePullDownRefresh。  当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

这个问题困惑了挺长时间,在群里提问也没能找打答案。

在小程序130400版本之前,所有代码无论是真机上还是模拟器上都测试没有问题。

但自从小程序更新了130400版本后,在模拟器上测试没有问题,但一到苹果真机上下拉刷新就没有效果了。

但是看别人发布的小程序怎么又可以呢(脸好疼)

变量值”true”,这是个字符串而不是Boolean类型的变量。设置成字符串在模拟器中可以触发onPullDownRefresh函数,但是在真机中却无法触发刷新函数。将字符串 “true”更改为Boolean类型的true后,无论是在真机还是在模拟器中都可以正确的触发onPullDownRefresh函数了。



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23661.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询