欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2018-04-18 10:37浏览: 来源:网络 作者:cola

分享者: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函数了。






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。