微信小程序scroll-view不能实现下拉刷新
一般在列表展示页面,会使用到上拉加载和下拉刷新功能,在scroll-view中有bindscrolltolower事件,可以实现上拉加载功能,但是却没法实现下拉刷新。
如需同时使用两种功能,解决步骤如下(以list页面为例):
1. 将scroll-view 改成普通的view, 并且设置样式
// list.wxss
page {
height: %;
} .container {
width: %;
height: %; // 或者 height: 100vh;
} // 其他样式略
2. 在根配置文件json或者当前页面的json文件设置 (建议在当前页面配置,因为其他页面并非一定需要下拉刷新功能)
 // list.json
 {
   "enablePullDownRefresh": true
 }
3. 在逻辑文件 js中添加功能
onReachBottom() {
  // 上拉加载逻辑
}
onPullDownRefresh() {
  // 下载刷新逻辑
  // wx.showLoading 或者 wx.showNavigationBarLoading() 作为交互提示
}
微信小程序scroll-view不能实现下拉刷新的更多相关文章
- 在微信小程序中,如何实现下拉刷新(模拟刷新)
		一.在app.json中启动刷新, 在Windows 中, 添加 "enablePullDownRefresh":"true" 二.在需要刷新的页面中写(若是 ... 
- 微信小程序中如何实现分页下拉加载?(附源码)
		转眼间坚持写教你微信小程序系列已经有十节系列课程了,每天的工作压力繁重,小女子也不知道自己还能坚持这样的系列教程多久.只希望每篇教程真的对大家有帮助.这节课我们要介绍的就是如何实现分页的下拉加载,我们 ... 
- 微信小程序小程序使用scroll-view不能使用下拉刷新的解决办法
		<scroll-view class="movie-grid-container" scroll-y="true" scroll-x="fals ... 
- 【微信小程序】scroll-view与Page下拉冲突
		需求:主界面是个列表.列表可以纵向滑动,下拉添加新的条目Item.每个条目Item可以横向滑动. 发现做下拉时,用Page的enablePullDownRefresh和scroll-view条目的横向 ... 
- 微信小程序 -- scroll view
		效果图:横向滚动和纵向滚动 scroll view使用方法文档,前面已经介绍查找文档方法,此处不再赘述 一.横向滚动 创建一个页面scroll-nav 然后,在.wxml文件中排版 <!--水平 ... 
- 微信小程序:picker组件实现下拉框效果
		一.wxml中代码 <view class="in_order_Param"> <text>状态:</text> ... 
- 微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识
		下拉更新.分享.阅读标识 本文配套视频地址: https://v.qq.com/x/page/h0554i4u5ob.html 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一 ... 
- 微信小程序怎么用?线下商家最适合玩小程序
		随着微信小程序不断地释放新功能,许多行业越来越关注小程序,目前已经有不少餐饮和线下传统零售企业开始谋划利用好小程序.但是,线下商业有着复杂的场景,如何针对自己行业的特点和需求开发出属于自己的小程序,是 ... 
- 关于微信小程序获取view的动态高度填坑
		wx.createSelectorQuery().select('#box').boundingClientRect(function (rect) { width = rect.width heig ... 
- 微信小程序scroll标签的测试
		一:testscroll.wxml的代码如下.testview.js自动生成示例代码 //testscroll.wxml <view class="section__title&quo ... 
随机推荐
- 嵌入式开发之网络心跳包---阻塞和非阻塞以及是否有必要心跳包heartbeat
			1.1 TCP和UDP的心跳包是用来维持长连接的 心跳包只是用来检测socket的链接状态 2.1 非阻塞情况下TCP 心跳包是否有必要建立心跳包 需要, a.如果说 严格 检测掉线的话 那么不管是不 ... 
- swoole Tcp服务器
			基础代码 <?php //创建Server对象,监听 127.0.0.1:9501端口 $serv = ); //监听连接进入事件 $serv->on('connect', functio ... 
- BAT面试上机题从3亿个ip中找出访问次数最多的IP详解
			我们面临的问题有以下两点:1)数据量太大,无法在短时间内解决:2)内存不够,没办法装下那么多的数据.而对应的办法其实也就是分成1)针对时间,合适的算法+合适的数据结构来提高处理效率:2)针对空间,就是 ... 
- 《转》循环神经网络(RNN, Recurrent Neural Networks)学习笔记:基础理论
			转自 http://blog.csdn.net/xingzhedai/article/details/53144126 更多参考:http://blog.csdn.net/mafeiyu80/arti ... 
- 【thinkphp5】安全建议:隐藏后台登录入口地址
			我们都知道后台 www.test.com/admin 是我们最常用的登录入口,方便的同时也留下了隐患,如果你刚好使用了 admin/ 这种账号密码的方式,会导致我们的后台完全暴露在外. 因此我们建 ... 
- 盘点 React 16.0 ~ 16.5 主要更新及其应用
			目录 0. 生命周期函数的更新 1. 全新的 Content API 2. React Strict Mode 3. Portal 4. Refs 5. Fragment 6. 其他 7. 总结 生命 ... 
- 阿里云申请免费https证书 + IIS服务器安装
			参考: 阿里云免费SSL证书申请与安装使用(IIS7) 
- layui---form表单模块
			虽然对layui比较熟悉了,但是今天有时间还是将layui的form表单模块重新看一下. https://www.layui.com/doc/modules/form.html 一.更新渲染 layu ... 
- jquery面试(2)
			DOM操作——怎样添加.移除.移动.复制.创建和查找节点? (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体 ... 
- javascript面试题(2)
			可以参考一 https://www.cnblogs.com/DCL1314/p/7903114.html 1.什么是JavaScript?(这是基本题,对很多程序员来说也是送分题!) JavaScr ... 
