欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序下拉下拉不隔断, "enablePullDownRefresh" 下拉刷新无效 ...

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

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

发布时间:2020-11-24  

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

 

一:上拉下拉不会隔断

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

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